Twitter

Random Banner Pada Satu Area

Posted by rifal - -

sebenarnya membuat Iklan (Banner) satu tampilan dalam satu area tidak terlalu sulit, kita hanya tinggal mengarahkan saja ke lokasi gambar, namun yang jadi masalah bagaimana jika kita mempunyai 10 pemasang iklan yang ingin ditampilkan dalam satu lokasi area, ini yang munkin menjadi kendala utama pengelola iklan. Perlu diketahui bahwa banner yang kita buat nanti hanya pada  Image Banner bukan sebagai Text Banner, iklan ini akan tampil secara acak jika pengunjung melakukan reload atau refresh pada halaman. Lihat Random Banner dengan iklan Dmoz dibawah sebagai contoh:
dmoz.org
Contoh tampilan iklan DMOZ pertama



Contoh kode Dengan Javascript :

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var jumlah_iklan = 3;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
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>



Penjelasan:

Jika ingin menambah jumlah iklan tinggal menambahkan saja code script-nya, contoh diatas kita mempunyai 3 jumlah iklan yang ditampilkan, jika rencana menambah 1 iklan lagi jangan lupa juga menambahkan nilai baru dengan 4, begitupun seterusnya.  Lihat contoh kode dibawah:

if (pasang_iklan==4) {
txt="
Tulis Title";
url="
Alamat URL";
alt="
Alamat URL";
banner="
Alamat URL Gambar";
width="
468";
height="
60";
}


Ups hampir lupa, jangan lupa menambah total jumlah iklan yang ditampilkan, Contoh: var jumlah_iklan = 4;
  Selamat Mencoba, Happy Blogging :)

source

Leave a Reply