tutorial cara membuat header menjadi 2 kolom

tutorial ini adalah buat newbie blogger yang masih belom tau cara membagi header blog menjadi 2 kolom. sehingga anda dapat meletakkan 2 banner dalam header blog anda.      seperti contoh gambar dibawah ini

agar lebih jelas LIHAT DEMO DISINI

CARA MEMBAGI HEADER JADI 2 KOLOM SEBAGAI BERIKUT:

1.login di blogger sobat

2.masuk ke dashboard |design | edit HTML

3.centang kotak kecil "expan widget template" lalu cari kode dibawah ini

#header-wrapper {

width:900px;

margin:0 auto 0px;

background:$bgheadercolor;

height:190px;

}

#header-inner {

width:900px;

background-position: center;

margin-$startSide: auto;

margin-$endSide: auto;

}

#header {

margin: 0px;

text-align: left;

color:$pagetitlecolor;

}

4. setelah ketemu  ganti semua kode diatas dengan kode dibawah ini:

#header-wrapper{

width:980px;

padding:20px 0 0 0;

background:#000000;

margin:0 auto;

border:;}

#header-inner{

background-position:center;

margin-left:auto;

margin-right:auto}

#header{

float:$startSide;

width:400px;

margin:0 auto;

border:0px solid $bordercolor;

text-align:left;

color:$pagetitlecolor

}

#header2{

float:$endSide;

width:400px;

margin:0 auto;

text-align:left;

}

5. cari kode berikut:

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

fokuskan pencarian pada kode <div id='header-wrapper'>

6. lalu ganti semua kode di atas dengan kode dibawah ini:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='judul blog(Header)' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='1' showaddelement='yes'/>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->

7. simpan template. dan lihat hasilnya.dengan klik menu DESIGN .
perhatikan perubahannya. apakah sudah ada 2 element pada header blog anda. jika sudah ada 2 element header silahkan anda pasang banner blog anda/iklan bisnis anda pada masing2 element.

semoga membantu dan happy blogging