Cara membuat Banner Iklan di blog - Seperti yang sobat lihat pada gambar diatas, beberapa ukuran atau size pada
banner iklan, dimana banyak macam ukuran untuk membuat
banner iklan. Pada
tutorial ini kita akan membuat pada blog kita agar terpasang
banner kosong atau terisi tergantung yang mau
pasang iklan di
blog kita. Nah bisa sobat lihat pada
blog saya ini, pada header diatas,
iklan banner dengan slide atau berubah-ubah gambar dengan target "blank" membuka tab baru atau New Tab pada Browser kita. Kepingin tau cara membuatnya? yuk praktekin bareng-bareng.
Berikut cara membuat Banner Iklan di blog :
- Login ke blogger sobat http://www.blogger.com
- Setelah masuk di Dashboard blogger, pilih tata letak
- Lalu pilih tambah widget/add widget, pilih JavaScript/ HTML
- Setelah keluar Popup widget baru, pastekan kode berikut didalamnya :
<script>
var adCount = 5;
var slider={};
slider.data = [
{"id":"slide-img-0","URL":"http://webataublogpartnersobat.com","Images":"http://URLatauLinkGambarIkalnSobat.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1726,"adTypeSeq":119,"ruleSeq":"100"},
{"id":"slide-img-1","URL":"http://webataublogpartnersobat.com","Images":"http://URLatauLinkGambarIkalnSobat.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1725,"adTypeSeq":119,"ruleSeq":"100"},
{"id":"slide-img-2","URL":"http://webataublogpartnersobat.com","Images":"http://URLatauLinkGambarIkalnSobat.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1724,"adTypeSeq":119,"ruleSeq":"100"},
{"id":"slide-img-3","URL":"http://webataublogpartnersobat.com","Images":"http://URLatauLinkGambarIkalnSobat.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1723,"adTypeSeq":119,"ruleSeq":"100"},
{"id":"slide-img-4","URL":"http://webataublogpartnersobat.com","Images":"http://URLatauLinkGambarIkalnSobat.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1661,"adTypeSeq":119,"ruleSeq":"100"}];
var seq = 0;
for(var i=0; i<slider.data.length; i++){
var typeAct = "view";
var serviceCode = slider.data[i]['serviceCode'];
var seqImg = slider.data[i]['seqImg'];
var adTypeSeq = slider.data[i]['adTypeSeq'];
var ruleSeq = slider.data[i]['ruleSeq'];
get_ads_log(typeAct, serviceCode, seqImg, adTypeSeq, ruleSeq);
}
function ad(){
document.getElementById('link').onclick = function(e){
var typeAct = "click";
var serviceCode = slider.data[seq]['serviceCode'];
var seqImg = slider.data[seq]['seqImg'];
var adTypeSeq = slider.data[seq]['adTypeSeq'];
var ruleSeq = slider.data[seq]['ruleSeq'];
get_ads_log(typeAct, serviceCode, seqImg, adTypeSeq, ruleSeq);
}
document.getElementById("banner").src = slider.data[seq]['Images'];
document.getElementById("link").href = slider.data[seq]['URL']
setTimeout("ad()",6000);
seq++;
if(seq == adCount)seq = 0;
setTimeout("ImgPre()",2000);
}
function ImgPre(){
new Image().src = slider.data[seq]['Images'];
}
</script>
<a href="" id="link" target="_blank"><img src="","Images":"" id="banner" border="0" width="468" height="60" /></a>
<script>
ad();
</script>
Letakan widget baru sobat suka-suka sobat, terserah penempatan yang bagus dimana, tergantung sobat, dan sobat bisa atur sesuka sobat ukuran atau size iklan pada banner dengan merubah beberapa script atau ukuran yang ada di atas pada scripts tersebut.
Bisa sobat lihat, untuk URL atau Link pada scripts diatas yang saya beri warna, bisa sobat rubah menurut link partner sobat, dan untuk keterangan bisa sobat lihat dibawah ini :
- Untuk URL/Link yang saya beri warna Orange bisa sobat ganti dengan URL/Link Parnert Sobat.
- Untuk URL/Link yang saya beri warna Ungu bisa sobat ganti dengan URL/Link gambar Parnert Sobat.
Dan untuk ukurannya bisa sobat ganti yang saya beri warna pada Width dan Height, untuk keterangan seperti dibawah ini :
- Untuk Width yang saya beri warna Merah bisa sobat ganti untuk ukuran panjangnya
- Untuk Height yang saya beri warna Biru bisa sobat ganti untuk ukuran lebarnya
Selamat mencoba semoga bermanfaat.
