Banner 468 x 60

Loading...

Menambah Sidebar Blogspot

Advertisement



بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Kali ini ane ingin berbagi ilmu tentang menambah kolom sidebar blogspot, yang ane maksudkan disini adalah seperti gambar berikut ini:
 carany seperti berikut ini:
Masuk ke Edit Html, Lalu cari kode di bawah ini (gunakan F3 atau CTRL + F untuk mempermudah pencarian). gunakan kata keyword id='sidebar-wrapper' saja




<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Feed2' locked='false' title='Recent Posts' type='Feed'/>
<b:widget id='Label99' locked='false' title='Labels' type='Label'/>
</b:section>
</div>

Tambahkan kode di bawah ini, diantara </b:section> dan </div>.



<b:section class='sidebar' id='kolom-kiri' showaddelement='yes'>
<b:widget id='Text514' locked='false' title='Column 1' type='Text'/>
</b:section>
<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'>
<b:widget id='Text524' locked='false' title='Column 2' type='Text'/>
</b:section>

<div style="clear: both;"></div>

Kemudian cari kode : ]]></b:skin>
Tambahkan kode di bawah ini diatas kode ]]></b:skin>

#kolom-kiri {
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}

Anda bisa merubah nilai dari lebar/width sesuai keinginan anda.
trik ini bisa dikembangkan untuk menambah kolom lagi dibawahnya. tinggal dimodifikasi sedikit saja.
Sumber: Disini
Advertisement

0 Response to "Menambah Sidebar Blogspot"

  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Menambah Sidebar Blogspot" ini bermanfaat, share ke jejaring sosial.
Konversi Kode