Cara Membagi Elemen Gadget Menjadi Dua Kolom - Mungkin sobat sudah menemukaan template yang cocok tapi ternyaata masih kurang puas dengan template tersebut. Yup, memaang tidaak semua template sesuai dengan keinginaan kita, misalnya template 2 kolom padahaal kita juga ingin memasang iklan layaaknya template 3 kolom.
Disini akan dijelaskaan trik untuk membagi gadget di blogspot menjaadi dua kolom sehingga blog sobat akan terlihaat lebih rame. Dengan membagi gadget menjadi dua kolom atau lebih, sobat juga bisa memanfaaatkannya untuk meletakkan iklan, terutaama yang berukuran memanjang.
Menambahkan dan membaagi gadget menjadi dua kolom ini juga bisa di aplikasikan di bagian manaapun seperti sidebar, header, atau footer. Supaya lebih jelas, perhatikaan 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 menaambahkan gadget di sidebar so cari dulu kode sidebarnya, misaalnya 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 hanyaalah contoh yang berarti sidebar tersebut mempunyaai 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 :)
.gif)
.gif)
