Cara Membuat Baner Tampil Berganti Secara Acak Bergantian di Blog

Metode untuk memasang banner iklan ini bertujuan agar pengunjung tidak bosen dengan tampilan iklan banner/gambar yang itu-itu saja setiap kali dia mengunjungi blog kita. Jika iklan banner yang tampil selalu tetap dan tidak berubah tentunya pengunjung kana bosen dan jika sudah tahu itu adalah iklan maka pengunjung akan malas untuk meng-klik-nya.
Untuk membuat iklan banner muncul secara acak dan bergantian, berikut adalah script code-nya:

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var jumlah_iklan = 2;
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="Keyword";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Keyword";
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>

Kode diatas nantinya akan mengacak dua iklan banner, anda bisa mengaturnya menjadi 3 atau lebih iklan banner yang akan diacak dengan merubah kode diatas. Silahkan berkreasi sendiri

Contoh isi script yang digunakan dengan menggunakan 4 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 = 4;
var ad1 = rand(ad_cnt1);
var link1;
var adBanner1;
var width1
var height1
if (ad1==1) {
link1="http://tehnikcara.blogspot.com/2015/01/cara-membuat-baner-tampil-berganti.html";
adBanner1="http://lh5.ggpht.com/_AkJDIL5uAFo/S8qwr-HfNTI/AAAAAAAAAoM/VCaH-NxoXwo/cocc468_60a.gif";
width1="468";
height1="60";
alt1="banner berganti";
}
if (ad1==2) {
link1="http://tehnikcara.blogspot.com/2015/01/cara-membuat-baner-tampil-berganti.html";
adBanner1="http://lh5.ggpht.com/_AkJDIL5uAFo/S8qrw72bViI/AAAAAAAAAng/wLQ0lA_9rm4/freedownloadmp3.gif";
width1="468";
height1="60";
alt1="rotating banner";
}
if (ad1==3) {
link1="http://tehnikcara.blogspot.com/2015/01/cara-membuat-baner-tampil-berganti.html";
adBanner1="http://lh3.ggpht.com/_AkJDIL5uAFo/S8qrwgPqqYI/AAAAAAAAAnc/BUofh6dT2vM/learn_music.gif";
width1="468";
height1="60";
alt1="Learn Music";
}
if (ad1==4) {
link1="http://tehnikcara.blogspot.com/2015/01/cara-membuat-baner-tampil-berganti.html";
adBanner1="http://lh3.ggpht.com/_AkJDIL5uAFo/S8qwoUqzpzI/AAAAAAAAAoI/nNed2W_3ZlQ/468x60facebook.gif";
width1="468";
height1="60";
alt1="banner berganti tiap saat";
}
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>

Atau kunjungi www.htmlbasix.com

Share this post