Cara membagi elemen gadget menjadi dua kolom ~ Anak Dunia

Jumat, 12 Juli 2013

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;'/>