Cara Membuat Space Iklan di Header Blog

Banyak cara kita bisa mendapatkan uang dari iklan,tetapi iklan sering bikin ribut karena tempatnya yg harus efisien,salah satu tempat yg efisien adalah di Header. Ok saya akan kasih tau trick untuk Membuat Space Iklan Di Header Blog.



Ok langsung ke Step nya ya :

1. Cari kode DIBAWAH ini di Template Anda


#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

Kode diatas hanya patokan saja karena untuk melihat lebar keseluruhan header wrapper blog anda, jadi biarkan saja jangan dirubah.

2. Lalu cari kode seperti berikut ini :
#header {
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}


3. Jika sudah ketemu, ganti dengan kode berikut ini :
#header {
width: 380px;
float: left;
margin: 5px;
text-align: center;
color:#000000;
}
#header-right {
width: 500px;
float: right;
margin: 5px;
padding: 5px;
color:#000000;
}


- Perhatikan lebarnya yang saya tebalin tulisannya, hasil dari lebar keduanya adalah lebar header wrapper blog anda (yang 900px tadi) jadi maksimalnya adalah lebar header wrapper.

Terserah anda mau lebih lebar yang sebelah kiri (left) atau kanan (right)yang penting jumlahnya jangan melebihin totalnya (header wrapper) lebih bagus lagi kurang sedikit karena untuk toleransi paddingnya, seperti contoh diatas yang totalnya jadi 880px (kurang 20px dari totalnya).

4. Setelah itu cari kode berikut ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'/>
</b:section>
</div>


5. Jika sudah ketemu ganti dengan kode berikut ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='YOUR BLOG TITLE (Header)' type='Header'/>
</b:section>
<b:section class='header' id='header-right' showaddelement='yes'>
</b:section>
</div>


6. Klik simpan...