Cara Menambah atau Membuat Dua Kolom di Bawah Header Blog

Cara Menambah atau Membuat Dua Kolom di Bawah Header Blog - Ingin menambah dua kolom di bawah header blog yang biasanya untuk space iklan? Cara membuatnya cukup mudah. Ikuti step-step berikut ini.

Dua kolom yang saya maksud lihat gambar di bawah ini (ditandai centang merah).



Cara membuatnya:

1. Masuk Layout, Edit HTML, centang expand widget template

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

3. Tambahkan kode ini di atasnya:
#box-kolom-widget { clear:both; } .box-widget { padding:0px 10px 10px 10px; border:1px dotted $bordercolor;

4. Cari kode <div id='main-wrapper'>

5. Tambahkan kode ini di atasnya:
</div>
<div id='box-kolom-widget'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-widget' id='col1' preferred='yes' style='float:left;'/>
</div>

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

<div style='clear:both;'/>


6. Simpan template


Image and video hosting by TinyPic