Membuat Widget di Bawah Header Menjadi 2 Kolom

Follow @herrychild91

Herry Child Sampoerna | 17.35 | Blogger Tips

Posting kali ini saya akan berbagi sedikit tips yang kelihatan nya sangat sederhana namun sangat bermanfaat bagi sobat bloggers, Yaitu tentang bagaimana membuat kolom widget di bawah header menjadi 2 bagian atau 2 kolom. Cara nya gampang sobat tinggal ikuti langkah-langkah berikut ini:

1. Login ke blog sobat masing-masing.
2. Masuk ke dashboard, lalu sobat pilih rancangan.
3. Pilih edit HTML.
4. Jangan lupa Centang Expand Widget Template.
5. Cari kode ]]></b:skin> 
6. Copy  kode di bawah ini, dan tempatkan diatas kode ]]></b:skin>
   #box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }
7. Kemudian sobat cari kode <div class='main-outer'> (Untuk template baru), dan cari kode <div id='main-wrapper'> (untuk template lama)
8. Copy kode berikut tepat diatas kode <div class='main-outer'> atau <div id='main-wrapper'>
   
   </div> <div id='box-kolom-widget'> <div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/> </div> <div id='box2' style='width: 50%; float: left; margin:0; text-align: left;'> <b:section class='box-widget' id='col2' preferred='yes' style='float:left;'/> </div> <div style='clear:both;'/>
9. Terakhir klik simpan Template sobat.
10. Selamat mencoba semoga berhasil...