Membuat Header Blog Menjadi 2 Bagian

Oke, Kali ini saya akan memberikan sedikit tutorial untuk para blogger, yaitu Membuat Header Blog Menjadi 2 Bagian ... Header 2 bagian ini sangatlah profit untuk kolom adsense anda, karna akan menjadi kolom yang cukup sering di lihat para blog walker yang mengunjungi blog anda semua ...
Udah deh ya basa basinya, langsung ke tutor nya aja : 
1. Login Ke Blogger
2. Masuk Ke Template > Edit HTML
3. Cari Kode Di bawah ini

#header-wrapper {
width:920px;
float:left;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

 Gunakan CTRL + F agar lebih gampang.
4. Ganti Kode merah di atas menjadi 554px .
6.

#outer-wrapper {
width: 920px;
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

7. Sama seperti di atas, ganti menjadi 554px .
8. Lalu Copy Paste Kode di bawah ini, tepat kode di atas kode no.6

#header2-wrapper {
width:234px;
float:right;
margin:0 auto 10px;
border:1px solid $bordercolor;
}

9. Setelah itu cari kode di bawah ini

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

10. Copy Paste kode di bawah ini tepat di bawah kode no. 9 (atas)

<div id='header2-wrapper'>
<b:section class='header2' id='header2' maxwidgets='1' showaddelement='no'>
</b:section>
</div>

Lalu Simpan!


Nb: lebar kolom diatas memang saya sesuaikan untuk google adsense ukuran 234px,jadi jika anda ingin memasukkan sebuah elemen dengan ukuran lain,anda tinggal mengganti semua kode 234px diatas dengan ukuran elemen yang anda inginkan tersebut.Dan jangan lupa untuk mengurangi kode lebar 554px dengan lebar penambahan elemen anda.

Cth: jika anda memasukkan elemen lain yang lebarnya 436px,maka gantilah kode width: 234px; dengan kode width: 436px; lalu setelah itu kurangi kode lebar 554px dengan hasil dari 436px dikurang 234px.sehingga menjadi 352px.


OKE... Sekian dari Saya