Rotating Banner: Menampilkan Banner Iklan secara Bergantian

Sekali kayuh dua pulau terlewati.
Pepatah di atas rasanya cocok digunakan untuk tutorial kali ini. Pasalnya, yang akan idblog tuliskan adalah cara untuk menampilkan rotaing banner yakni banner yang akan tampil secara bergantian pada satu space iklan yang kita sediakan di blog.

Dengan menggunakan script ini nantinya kita bisa berhemat tempat sekaligus membuat blog kita sedikit lebih rapih karena banner2 iklan yang pada awalnya tercecer disana sini dapat kita ringkas yang hanya membutuhkan satu tempat saja.
Contoh dari penggunaan rotating banner ini, anda bisa melihat pada banner "supported" blog ini
<script language="JavaScript">
<!-- Begin
var jumlah_iklan =4;
var waktu_sekarang = new Date()
var detik = waktu_sekarang.getSeconds()
var pasang_iklan = detik % jumlah_iklan;
pasang_iklan +=1;
if (pasang_iklan==1) {
url="url iklan";
banner="gambar";
width="300";
height="250";
}

if (pasang_iklan==2) {
url="url iklan";
banner="gambar";
width="300";
height="250";
}

if (pasang_iklan==3) {
url="url iklan";
banner="gambar";
width="300";
height="250";
}

if (pasang_iklan==4) {
url="url iklan";
banner="gambar";
width="300";
height="250";
}
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>
Salin kode di atas dan tempelkan di HTML/Java script blogger sobat.

Keterangan:
  • Jumlah iklan adalah banyaknya banner yang ingin ditampilkan
  • Url yaitu alamat url iklan
  • Width dan height adalah lebar dan tinggi ukuran banner dalam pixel
Silahkan disesuaikan

No comments:

Powered by Blogger.