Cara Membagi Elemen Gadget Menjadi Dua Kolom

Mungkin sobat sudah menemukan template yang cocok tapi ternyata masih kurang puas dengan template tersebut. Yup, memang tidak semua template sesuai dengan keinginan kita, misalnya template 2 kolom padahal kita juga ingin memasang iklan layaknya template 3 kolom.



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, terutama yang berukuran memanjang.

Menambahkan dan membagi gadget menjadi dua kolom

ini juga bisa di aplikasikan di bagian manapun seperti sidebar, header, atau footer. Supaya lebih jelas, perhatikan gambar dibawah ini

Cara membagi gadget menjadi dua kolom

1. Login ke blogger dengan ID sobat.

2. Klik Rancangan (Design) > Pilih Edit HTML jangan lupa, biasakan download backup untuk jaga-jaga.

3. Cari kode ]]></b:skin>

4. Copy dan paste kode berikut ini dan letakkan tepat di atas kode ]]></b:skin>

#kolom-kiri {
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}

5. Dalam tutorial ini kita akan menambahkan gadget di sidebar so cari dulu kode sidebarnya, 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>

</div>

6. Catatan: Tidak semua template sama dan label di atas hanyalah contoh yang berarti sidebar tersebut mempunyai widget label.

7. Setelah itu kita sisipkan kode css yang sudah dibuat tadi di antara </b:section> dan </div>.


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

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

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

8. Save dan lihat di Page element. Semoga bermanfaat :)