Cara membagi kolom header menjadi 2 kolom di blogspot

Tips bagaimana cara membagi 2 kolom header di blogspot. Sebenarnya sudah banyak template gratis yang sudah membagi headernya menjadi 2 kolom tapi ada juga template yang tidak membagi kolom headernya. Berikut contoh membagi kolom header menjadi 2 kolom :

1. Sign in Blogger

2. Klik Layout

3. Klik Edit HTML


4. Beri tanda centang pada Expand Widget Templates :

5. Silahkan cari kode di bawah ini :

/* Header<br />===================================<br />*/<br />#header-wrapper {<br />width:900px;<br />margin:0 auto 0px;<br />background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;<br />height:190px;<br />}<br /><br />#header-inner {<br />width:900px;<br />background-position: center;<br />margin-$startSide: auto;<br />margin-$endSide: auto;<br />}<br /><br />#header {<br />margin: 0px;<br />text-align: left;<br />color:$pagetitlecolor;<br />}

6. Hapus kode diatas dan ganti dengan kode ini :


/* Header<br />===================================<br />*/<br /><br />#header-wrapper {<br />width:900px;<br />margin:0 auto 0px;<br />background:$bgheadercolor url(http://ahom24.googlepages.com/magazine_01.jpg) no-repeat top center;<br />height:190px;<br />}<br /><br />#head-inner {<br />width:600px;<br />background-position: left;<br />margin-left: auto;<br />margin-right: auto;<br />float:left;<br />}<br /><br />#header {<br />margin: 0px;<br />text-align: left;<br />color:#ffcc66;<br />}<br /><br />#r_head{<br />width:300px;<br />float:left;<br />padding-top:10px;<br />}

7. Kemudian cari kode ini :
<div id="'header-wrapper'"><br /><b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"><br /><b:widget id="'Header1'" locked="'true'" title="'Test" type="'Header'/"><br /></b:section><br /></div>

8. Hapus kode diatas dan ganti dengan kode di bawah ini :
<div id="'header-wrapper'"><br /><div id="'head-inner'"><br /><b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"><br /><b:widget id="'Header1'" locked="'true'" title="'Test" type="'Header'/"><br /></b:section><br /></div><br /><div id="'r_head'"><br /><b:section class="'header'" id="'header2'" preferred="'yes'/"><br /></div><br /></div>


9. Save dan lihat hasilnya...Semoga berhasil

SOLUSI BEBAS FINANSIAL TANPA KELUAR UANG...LIHAT DISINI