Cara Membagi Elemen Gadget Menjadi Dua Kolom

Saturday, December 29, 2012

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??????

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 !

Artikel Terkait

Previous
Next Post »