Cara mudah membuat header menjadi 2 bagian

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
simpan template

Cara mudah membuat header menjadi 2 bagian

Posted by: Risalahati Dedic Ahmad Updated at: 18:49