cara membuat header dua 2 kolom

Akhirnya aku bisa buat tips trik meranncang blog tentang cara membuat header dua ( 2 ) kolom / kotak untuk blogspot, jika pengen membuatnya sialhkan lihat panduan untuk di bawah ini. belum mengarti lihat gambar ini.

---

Cara Membuat Header 2 Kolom

---

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;}

Langkah 5

Semoga bermanfaat, selamat mencoba dan semoga berhasil 

(referensi)

by http://tothepoin.blogspot.com