Thursday, April 25, 2013

CARA MEMBUAT BANNER BERGANTI GANTI SECARA OTOMATIS


Berikut trik bagaimana cara membuat banner bisa berganti ganti atau kata lain kita bisa menyebutnya dengan isitilah banner rotator.
Banner rotator kebanyakan dipakai  website-website yang menyediakan pendaftaran online earning berbentuk PPC, seperti contoh : kumpulblogger, bidvertiser, untukblogger dan masih banyak lagi.
baiklah mari lanjutkan !
Sebagai awal siapkan 3 url gambar banner dan 3 url target dari banner tersebut lalu seperti biasa login ke blogger,add gadget,pilih penempatan mau dimana bannernya mau dipasang trus copy script berikut

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds(2)
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_top\">');
document.write('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('<small>' + txt + '</small></a>');
document.write('</center>');
// End -->
</SCRIPT>

Jika berhasil maka akan tampak seperti ini  
http://www.onbux.com/?r=yansen09
onbux
Silahkan refres halaman untuk melihat hasilnya
Keterangan
var jumlah_iklan = 3;
var waktu_sekarang = new Date()   < adalah waktu sekarang
var detik = waktu_sekarang.getSeconds(2) < timer load per banner
 anda juga menambahkan seberapa banyak banner yang anda mau, tinggal menambahkan code berikut

if (pasang_iklan== 4 ) {
txt="Tulis Title";
url="Alamat URL";
alt="Alamat URL";
banner="Alamat URL Gambar";
width="468";
height="60";
}
=================================================================
Sumber : http://iananakbone.blogspot.com/2010/11/cara-membuat-banner-berganti-ganti.html

0 comments:

Post a Comment

| Guru Madrasah Blog © 2013. All Rights Reserved | Template Style by My Blogger Tricks .com | Edited by Abdul Hanan | Back To Top |