Cara Membuat Banner Yang Bergantian (Rotasi) di Blog

Memasang banner di blog pasti sudah banyak yang melakukan. Selain untuk mempercantik dan ‘meramaikan’ blog, banner-banner ini juga dapat memberikan penghasilan tambahan bagi si pemiliknya. Biasanya space untuk menyimpan banner ini hanya menampilkan 1 banner saja seterusnya, bagaimana jika kita ingin merotasi banyak banner dan menampilkan banner yang berbeda-beda setiap kali halaman di load? Ya, kita bisa merotasi banner-banner tersebut dengan menggunakan JavaScript. Contohnya pada header blog ini.

Contoh isi script yang digunakan dengan menggunakan 3 banner.

<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();

function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};

function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt1 = 3;
var ad1 = rand(ad_cnt1);
var link1;
var adBanner1;
var width1
var height1
if (ad1==1) {
link1="http://www.co.cc/?id=147204";
adBanner1="http://www.co.cc/img/affiliates/cocc_420x_2.gif";
width1="468";
height1="60";
alt1="Free Domain CO.CC";
}
if (ad1==2) {
link1="http://www.linkworth.com?a=17489";
adBanner1="http://www.linkworth.com/adm/affiliate_manager/affiliate_banners/bann-36.gif";
width1="468";
height1="60";
alt1="Link Worth";
}
if (ad1==3) {
link1="http://url.klikdana.com/music_adv";
adBanner1="http://lh5.ggpht.com/_AkJDIL5uAFo/S8qrw72bViI/AAAAAAAAAng/wLQ0lA_9rm4/freedownloadmp3.gif";
width1="468";
height1="60";
alt1="";
}
document.write('<center><a href="' + link1 + '" target="_blank">');
document.write('<img src="' + adBanner1 + '" width=' + width1 + ' height=' + height1 + ' border=0 alt="' + alt1 + '"></a>');
document.write('</center>');
// End -->

Keterangan warna:
Merah : Jumlah gambar yang akan dirotasi.
Kuning : Nomor gambar.
Biru : URL tujuan gambar.
Hijau : Lokasi atau alamat gambar.
Oranye : Lebar dan tinggi gambar.
Ungu : Alternatif text gambar.

Gambar yang dirotasi tidak terbatas banyaknya, untuk membuatnya menjadi bahasa JavaScript kita harus menambahkan seperti kode dibawah.

<script type="text/javascript">ISI SCRIPT</script>

Atau bisa juga membuatnya dalam bentuk file javascript yang harus diupload dulu di hosting ripway atau google sites, baru kemudian menambahkan kode berikut:

<script src="http://iklan.klikdana.com/adsense/kd-ads-468x60.js" type="text/javascript"></script>