Membuat Header 2 (Dua) Kolom

Berbagai template model sekarang telah menggunakan fasilitas header dua kolom. Fungsinya sangat banyak sekali karena bisa Anda isikan script gadget seperti iklan dan lain-lain yang ingin Anda tonjolkan. Nah, bagi yang masih satu kolom saja headernya hangan berkecil hati karena Anda bisa mengubahnya. Ikuti saja langkah di bawah ini

1. Login ke blogger
2. Tata Letak - Edit HTML
3. Cari kode yang mirip dengan kode di bawah ini

/* Header
===================================
*/
#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#header-inner {
width:900px;
background-position: center;
margin-$startSide: auto;
margin-$endSide: auto;
}

#header {
margin: 0px;
text-align: left;
color:$pagetitlecolor;
}

Hapus dan Ganti dengan kode berikut:

/* Header
===================================
*/

#header-wrapper {
width:900px;
margin:0 auto 0px;
background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;
height:190px;
}

#head-inner {
width:600px;
background-position: left;
margin-left: auto;
margin-right: auto;
float:left;
}

#header {
margin: 0px;
text-align: left;
color:#ffcc66;
}

#r_head{
width:300px;
float:left;
padding-top:10px;
}

Lalu cari kode yang mirip dengan kode di bawah ini

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>

Hapus dan ganti dengan kode berikut

<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
</b:section>
</div>
<div id='r_head'>
<b:section class='header' id='header2' preferred='yes'/>
</div>
</div>

Terakhir simpan template, ingat saya mengatakan mirip untuk kode kode di atas, pandailah mencari.... Semoga berhasil...