Mari Berlangganan

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Minggu, 08 Juli 2012

Cara menambah kolom pada sidebar blog

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

Tidak ada komentar:

Posting Komentar

Silahkan berkomentar dengan sopan dan jelas dan apabila komentar anda tidak sopan, kami anggap itu sebagai SPAM.