Membuat 2 Kolom diBawah Header

Menambahkan 2 Kolom dibawah Header Blogger. Secara default tidak terdapat kolom untuk penambahan widget baru dibawah header dari Blogger, Kita bisa menambahkan 2 kolom dibawah header. yang pertamanya seperti berikut.

Tidak ada tambahan kolom dibawah header sekarang mari kita lihat gambar yang dibawahnya.




Pada gambar disamping terdapat 2 buah kolom tambahan yang disertakan dengan gadget. Sodara sodara bisa menambahkan gadget. Jadi Blogger kita jadi lebih kreasi deh.



Caranya begini :

1. Masuk ke dalam Layout HTML Blogger.
2. Kemudian cari kode ]]></b:skin> masukkan kode dibawah ini diatas kode tersebut

#box-main-container {
clear:both;
}
.box-column {
padding:0px 10px 10px 10px;
border:1px dotted $bordercolor;
}

3. Kemudian cari kode <div id='main-wrapper'> setelah kamu masukkan kode diatas.
4. Kemudian masukkan kode dibawah ini diatas kode <div id='main-wrapper'>

<div id='box-main-container'>
<div id='box1' style='width: 50%; float: left; margin:0; text-align: left;'>
<b:section class='box-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='box2' style='width: 50%; float: right; margin:0; text-align: left;'>
<b:section class='box-column' id='col2' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
</div>

5. Langkah terakhir adalah menyimpan template anda dan nikmati 2 kolom dibawah header anda.


thanks Mochal