Man Jadda Wajada

Siapa Yang Bersungguh-Sungguh Dia Yang Akan Berhasil

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 :)

0 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...

Berlangganan

Enter your email address:

animasi bergerak naruto

Assalamu'alaikum....

"Tetaplah Rendah Hati Meski Diberi Kelebihan , Karena Cahaya Ilmu Takkan Hadir Direlung Hati Yang Angkuh"


Artikel Pilihan

Diberdayakan oleh Blogger.

Followers


SILAHKAN COPY PASTE


Anda DIPERBOLEHKAN KOPI PASTE Semua Artikel atau Tulisan yang Ada disini

Syaratnya satu: Cantumkan Link Blog ini di dalam Artikel yang Anda KOPI PASTE!!

Arsip

Info Pengunjung Hari Ini

Kategori

Blogumulus by Roy Tanck and Amanda Fazani
free counters