-->

Cara Membagi Elemen Gadget Menjadi Dua Kolom

Cara Membagi Elemen Gadget Menjadi Dua Kolom - Apakah kalian sudah puas dengan template blog yang abda pakai . Mungkin tidak semua template sesuai dengan keinginan kita, sebagai contoh kita hanya menggunakan template 2 kolom tetapi kita ingin memasang widget seperti template 3 kolom, apalah itu bisa? zaman sekarang apa sich yang tidak bisa??????

Cara Membagi Elemen Gadget Menjadi Dua Kolom

Bang germo jelaskan cara untuk membagi widget blogspot menjadi dua kolom maka blog kita akan keliatan lebih rame. Dengan membagi widget menjadi dua kolom atau lebih.Hal ini bisa di aplikasikan di bagian manapun seperti sidebar, header, atau footer.

1. Masuk ke dasbord blogger
2. Klik Rancangan - Pilih Edit HTML jangan lupa, backup dulu template
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.Di artikel ini kita akan tambahkan widget di sidebar kita cari dulu kode sidebarnya, kurang lebih 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>

Tidak seluruh template sama tergantung dari templatenya , label di atas hanyalah contoh yang berarti sidebar tersebut mempunyai widget label.
7. Lalu sisipkan 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 !
Cara Membagi Elemen Gadget Menjadi Dua Kolom

Cara Membagi Elemen Gadget Menjadi Dua Kolom
  1. ok,,,http://tuanpengelana.blogspot.com/

    ReplyDelete
  2. Gan nitip Tukar ling.. mang bener dah otomatis ya...??? dah tak pasang tu..
    ken-zoo.blogspot.com
    Baru blajar niih..

    ReplyDelete
  3. Thank you, that was just an awesome post!!!

    ReplyDelete