Cara Menambahkan Gadget Di Sedebar Blogspot

Sobat blogger, setelah kemarin kita bahas bersama mengenai cara membagi kolom header, kali ini, saya akan berbagi tentang cara menambah gadget di sidebar. Biasanya, ini dilakukan bila sidebar hanya  terdiri 1 kolom besar saja. Mari kita mulai ...

• Log in ke blogger : dashboard >> layout >> Edit HTML
• Cari kode di bawah (bisa gunakan Ctrl+F untuk mempercepat)

<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>

• Kemudian, tambahkan kode di bawah, di antara </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 CSS di bawah di atas ]]></b:skin>.

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

Note : Sobat bisa ubah nilai dari lebar/width, sesuai keinginan Anda.

• Simpan Template sobat. Hasilnya akan tampak seperti di bawah ini

Semoga manfaat ...

Sobat Blogger sedang berada di halaman Cara Menambahkan Gadget Di Sedebar Blogspot dan Sedang membaca artikel Cara Menambahkan Gadget Di Sedebar Blogspot ini dengan url http://arafcreativity.blogspot.com/2012/05/cara-menambahkan-gadget-di-sedebar.html. Dan Sobat Blogger juga boleh COPAS artikel Cara Menambahkan Gadget Di Sedebar Blogspot ini jika bermanfaat dan jangan lupa untuk meletakkan link Cara Menambahkan Gadget Di Sedebar Blogspot sebagai sumbernya.