Membuat header 2 kolom pada blog

Langkah 1
Login ke Blogger
Masuk ke "Rancangan - Edit HTML"
Cheklist "Expand Template Widget"
Langkah 2
Cari kode: ]]></b:skin> dan letakkan kode dibawah ini diatasnya

#header {width:50%;display:inline-block;_float:left;}
#header-right {width:35%;display:inline-block;float:right;padding:15px 15px 15px 15px;}

#header-right .widget {margin:0;}

Langkah 3
Kemudian cari kode yang mirip seperti ini

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Judul Blog Sobat (Header)' type='Header'/>

...

</b:section>

... merupakan kode yang agak panjang, jadi saya tidak menuliskannya.
Dan dibawahnya kode </b:section> pada kode diatas letakkan kode berikut

<b:section id='header-right' showaddelement='yes'/>
<div style='clear: both;'/>

Contoh Penerapannya

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title=' Judul Blog Sobat  (Header)' type='Header'/> 

...

</b:section> 

<b:section id='header-right' showaddelement='yes'/> 
<div style='clear: both;'/>

Langkah 4
Sekarang cari kode ]]></b:template-skin>  dan letakkan kode dibawah ini diatasnya

#layout #header {width: 50%; float: left;}
#layout #header-right {width: 50%; float: right;}

Setelah selesai, simpan template. Buka bagian tataletak, disana akan terlihat bagian header blog anda sudah terbagi menjadi 2 kolom. Selanjutnya tinggal menambahkan elemen laman atau widget, pilih html/javascrift, isi dengan kode html dari banner atau teks anda sendiri.