Menambahkan Sidebar Sederhana pada Blog

Menambah Side Bar 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

- See more at: http://www.masasha.net/2012/03/cara-menambah-kolom-di-sidebar-blog.html#sthash.9tMy9b2Z.dpuf