Cara Membagi Komponen Gadget Menjadi Dua Kolom

Mungkin teman dekat sudah mendapatkan template yang tepat namun ternyata masih kurang puas dengan template tersebut. Yup, memang tidak semua template sesuai dengan hasrat kita, umpamanya template 2 kolom padahal kita juga ingin memasang iklan layaknya template 3 kolom.

Disini akan diterangkan trik untuk membagi gadget di blogspot menjadi dua kolom sehingga blog teman dekat akan terlihat lebih rame. Dengan membagi gadget menjadi dua kolom atau lebih, teman dekat juga dapat memanfaatkannya untuk menaruh iklan, khususnya yang berskala memanjang.

Menambahkan dan membagi gadget menjadi dua kolom

ini juga dapat di aplikasikan di bab manapun menyerupai sidebar, header, atau footer. Supaya lebih jelas, amati 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 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 panduan ini kita akan menyertakan gadget di sidebar so cari dahulu isyarat sidebarnya, umpamanya menyerupai 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 rujukan yang bermakna sidebar tersebut mempunyai widget label.
7. Setelah itu kita sisipkan isyarat css yang sudah dibentuk 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 berharga :)

Share this post