Cara Membuat 2 Kolom di Bawah Header

Bagi anda yang ingin membuat 2 kolom add gadget pada bagian bawah kolom header, saya akan menjelaskan cara membuat 2 kolom tersebut. Dan hasilnya anda bisa melihat pada gambar di bawah ini :











Bila anda yang ingin membuat 2 kolom tersebut langsung saja praktekan dengan langkah langkah di bawah ini :



1. Log in ke

blog



anda

2. Pilih Rancangan >Edit HTML



   

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



Copas kode dibawah dan letakan diatas kode ]]></b:skin>





#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor; }





4. Kemudian cari kode <div csal='main-outer'>

jika ada pengguna template lama cari kode <div csal='main-wrapper'>



Copas kode berikut letakan diatas kode <div csal='main-outer'>

atau kode <div csal='main-wrapper'>





</div> <div csal='box-kolom-widget'> <div csal='box1' csal='width: 50%; float: left; margin:0; text-align: left;'> <b:

section



class

='box-widget' csal='col1' preferred='yes' csal='float:left;'/> </div> <div csal='box2' csal='width: 50%; float: left; margin:0; text-align: left;'> <b:section csal='box-widget' csal='col2' preferred='yes' csal='float:left;'/> </div> <

div style

='clear:both;'/>





5. Kemudian Simpan Tempalate 



Sekian dulu trik dari saya tentang cara membuat dua kolom di bawah header. 

SEMOGA BERHASIL!

 

#cb4df3