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.
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
4. Copy dan paste kode berikut ini dan letakkan tepat di atas kode
7. Setelah itu kita sisipkan kode css yang sudah dibuat tadi di antara
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 iniCara 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 :)
0 komentar:
Posting Komentar