Cara Membagi Elemen Gadget Menjadi Dua Kolom

Mungkin sahabat sudah menemukan template yang cocok tapi ternyata masih kurang puas dengan template tersebut. Yup, memang tidak semua template sesuai dengan impian 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 sahabat akan terlihat lebih rame. Dengan membagi gadget menjadi dua kolom atau lebih, sahabat juga mampu memanfaatkannya untuk meletakkan iklan, terutama yang berukuran memanjang.

Menambahkan dan membagi gadget menjadi dua kolom

ini juga mampu di aplikasikan di bab manapun ibarat 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 unduh backup untuk jaga-jaga.
3. Cari isyarat ]]></b:skin>
4. Copy dan paste isyarat berikut ini dan letakkan sempurna di atas isyarat ]]></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 isyarat sidebarnya, misalnya ibarat 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 pola yang berarti sidebar tersebut mempunyai widget label.
7. Setelah itu kita sisipkan isyarat 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 :)

Tweet