Tutorial Cara membagi elelment gedget menjadi dua Kolom

Share on :

Hai sobat, mungkin sobat jenuh dengan hanya 1 kolom pada penambahan gedget. untuk itulah Denbo Blogspot dot Com datang ingin membagi ilmu kepada sobat. trik2 membagi menjadi 2 kolom, yuk disimak

1. Silahkan Login ke Blog sobat
2. Klik Template

3. EDIT HTML (Jangan Lupa di Back up/ Cadangkan buat jaga-jaga)

4. Jangan lupa centang Expand Template Widget

5. Cari kode ]]></b:skin>

6. Copy Pastekan kode berikut tepat diatas kode ]]></b:skin>

#kolom-kiri {
width: 49%;
float: left;
}
#kolom-kanan {
width: 49%;
float: right;
}

7. Apabila ingin menambahkan kode side bar, so cari dulu

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

8. Tidak semua Template sama dengan yang diatas

9. Sisipkan kode Css yag dibuat tadi diantara </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;'/>

10. Jangan Lupa disave

Mungkin itu saja yang bisa saya sampaikan semoga kiranya bisa membantu

Apabila ada yang tidak dimengerti silahkan Comenternya

NB: Boleh disebarluaskan asalkan mencantumkan link sumber.

Tutorial Cara membagi elelment gedget menjadi dua Kolom