Pages

Cara Menambah Kolom Sidebar pada Blog

Sobat , setelah kemarin kita bahas bersama mengenai cara menambah kolom footer, 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 dan .
<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 : ]]>
  • Tambahkan kode CSS di bawah di atas ]]>.
#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

No comments:

Post a Comment