Cara Membuat Custom Banner Iklan di BLog atau WEB

Cara Membuat Custom Banner Iklan di BLog atau WEB - 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 atau Web :

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://www.teknisi-dadakan.com","Images":"http://www.teknisi-dadakan.com/image/banner1.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1726,"adTypeSeq":119,"ruleSeq":"100"},

{"id":"slide-img-1","URL":"http://www.teknisi-dadakan.com","Images":"http://www.teknisi-dadakan.com/image/banner2.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1725,"adTypeSeq":119,"ruleSeq":"100"},

{"id":"slide-img-2","URL":"http://www.teknisi-dadakan.com","Images":"http://www.teknisi-dadakan.com/image/banner3.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1724,"adTypeSeq":119,"ruleSeq":"100"},

{"id":"slide-img-3","URL":"http://www.teknisi-dadakan.com,"Images":"http://www.teknisi-dadakan.com/image/banner4.jpg","client":"","desc":"","typeAct":"view","serviceCode":"PTBLK","seqImg":1723,"adTypeSeq":119,"ruleSeq":"100"},

{"id":"slide-img-4","URL":"http://www.teknisi-dadakan.com","Images":"http://www.teknisi-dadakan.com/image/banner5.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.

Salam satu-aliran

Teknisi-Dadakan