Tambah space iklan di Header Blog

Agar kita mudah memasukkan script iklan atau kode html, tentunya kita harus menampilkan (add gadget) dibagian elemen halaman.

Oke langsung saja ke cara membuatnya :

1. Cari kode berikut ini di template anda :
#header-wrapper {
width:900px;///(jangan diganti)///
margin:0 auto 10px;
border:1px solid $bordercolor;
}

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...

7. Silahkan ke elemen halaman, disana sudah siap tambah gadget di bagian header blog anda....

undefined