Hai sobat, kali ini saya akan menjelaskan bagaimana caranya memasang banner di header blog, penting gak sih?? ya antara penting gak penting, tapi yang penting ilmunya, hehehe....bukan, itu tergantung kebutuhan, tapi cukup berguna juga ko, jadi banner kita mudah untuk terlihat, sukur-sukur di klik sama pengunjung.
Banner yang akan kita pasang disini seperti banner afiliasi, seperti banner ini:
ini adalah banner ref neobux saya, dan bisa juga banner yang lainnya, jadinya strategis, mudah terlihat dan gampang untuk di klik, dan akan menempati posisi di sini:
Langsung saja kita login ke blog masing-masing.... :) trusk masuk ke design trus edit Html dan backup templatenya dulu biar nanti kalo gagal tinggal di restore.
Langkah pertama, cari kode ini <b:includable id='main'> yang di bawah kode itu ada code ini <b:if cond='data:useImage'>, jadi kode yang di cari kurang lebih yang seperti ini :
<b:includable id='main'>Terus masukkan kode di bawah ini tepat di tengah-tengah kode di atas:
<b:if cond='data:useImage'>
Jadi nanti kodenya kurang lebih seperti ini :<div class='ads'><!-- KODE HTML UNTUK BANNER DISINI --></div>
<b:includable id='main'>
<div class='ads'>
<!-- KODE HTML UNTUK BANNER DISINI, DAN INI SAMPLE AJA -->
<a href="http://www.neobux.com/?rh=6469616E7375"><img src="http://images.neobux.com/imagens/banner9/?uh=6469616E7375&u3=7292988&rcv=1"></a>
</div>
<b:if cond='data:useImage'>
Setelah itu cari lagi kode yang seperti ini ]]></b:skin> dan letakkan kode di bawah ini tepat di atas kode ]]></b:skin>
/* css for header banner */
#header .ads {
width:480px; // ini bisa di rubah sesuai kebutuhan
height:80px; // ini juga bisa di rubah
float:right;
padding:20px 0px 0px 0px;
}
Terakhir di preview dulu, jika tidak ada pesan eror dan sudah sesuai lalu save, maka banner yang telah sobat masukkan telah terpampang cantik di pojok kanan atas blog sobat, cantik bukan?? hehe :)
Sekian dari saya, semoga bermanfaat untuk sobat sekalian, jika ada yang kurang jelas silakan tanyakan saja, pasti saya jawab, lewat comment ya :) dan terimakasih sudah mau baca. see u next :)
0 comments:
Post a Comment