Tips Blogger | Tips Komputer | Tips Internet | Bisnis Online Tips

 

Cara Menambahkan Kolom di Sidebar

Blogspot memang menjadi pilihan untuk memulai belajar ngblog, namun kadang pemula kurang paham mengenai editing blogspot, berikut salah satu tips untuk menambah kolom di sedebar. Ga usah terlalu banyak basa-basi langsung aja ...........


  • 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;
}
Catatan : Kamu bisa ubah nilai dari lebar/width, sesuai keinginan Anda.Simpan Template sobat. 

Comments :

0 komentar to “Cara Menambahkan Kolom di Sidebar”

Posting Komentar

Blog Status

Daily Categories