cara membagi elemen gadget menjadi dua kolom



Yak Setelah saya Share tentang bagaimana Teknik Melukis Dalam Air, kali ini saya akan share tentang tutorial Blog kepada anda yaitu bagaimana cara membagi elemen gadget menjadi dua kolom versi Kertas Kecil Kita. Mungkin sobat mempunyai template yang cocok untuk sobat tetapi kurang pas di hati sobat.

Disini akan dijelaskan trik untuk membagi gadget di blogspot menjadi dua kolom sehingga blog sobat akan terlihat lebih rame. Dengan membagi gadget menjadi dua kolom atau lebih, sobat juga bisa memanfaatkannya untuk meletakkan iklan


Langsung saja ini scrip Cara Membagi Elemen Gadget menjadi dua kolom :
  • Login Ke Blogger sobat
  • Klik Rancangan > Pilih Edit HTML dan jangan lupa download template/backup untuk jaga jaga.
  • Cari Kode ]]></b:skin>
  • Copy paste kode berikut letakkan di atas kode ]]></b:skin>
#kolom-kiri {
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}

  • Dalam tutorial ini menambahkan gadget di sidebar so cari dahulu kode sidebar misalnya seperti ini
<div id='sidebar-wrapper'>


<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label99' locked='false' title='Labels' type='Label'/>
</b:section>

  • Catatan : Tidak semua template sama dan label di atas hanyalah contoh
  • Setelah itu kita sisipkan kode CSS yang sudah di buat tadi di antara </b:section> dan </div>
</div>


<b:section class='sidebar' id='kolom-kiri' showaddelement='yes'/>


<b:section class='sidebar' id='kolom-kanan' showaddelement='yes'/>


<div style='clear: both;'/>

  • Save dan Lihat di Page elemen