Apa kamu pernah melihat sebuah iklan banner yang setiap kita reload/refresh maka banner ini berubah layaknya iklan acak. Untuk lebih jelasnya silahkan lihat pada demo di bawah, lalu refresh halaman nya maka akan terlihat gambarnya berubah-ubah.

Cocok banget tuh untuk dipasang di blog kamu yang tidak memiliki ruang banner yang banyak karena dengan ini anda bisa memasang banyak banner dengan 1 tempat, maka banner yang kamu pasang akan tampil berurutan dengan berbeda gambar.

Kali ini ciebal akan mencoba menjelaskan cara pembuatan random banner yang ciebal dapatkan dari o-om.com

Demo : http://www.ciebal.web.id/demo/random-banner.html >> Refresh untuk melihat iklan lainnya

Untuk membuatnya kita hanya membutuhkan sebuah script manajemen iklan berikut ini :

<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="Aternative IMG";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==2) {
txt="Tulis Title";
url="Alamat URL";
alt="Aternative IMG";
banner="Alamat URL Gambar";
width="468";
height="60";
}
if (pasang_iklan==3) {
txt="Tulis Title";
url="Alamat URL";
alt="Aternative IMG";
banner="Alamat URL Gambar";
width="468";
height="60";
}
document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
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>

Pada script diatas akan menampilkan 3 buah gambar berbeda dalam 1 area. Dan kamu sesuaikan sendiri kode di atas dengan merubah kode warna merah. Apabila kamu ingin menambah 1 banner lagi, yang kamu perlu kamu tambah adalah kode berikut ini Sebelum kode document.write(‘<center>’; :

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

Terlihat jelas  pada fungsi if (pasang_iklan==4) { itu menandakan iklan ke 4.
dan jangan lupa ubah fungsi var jumlah_iklan = 3; ubah angka 3 sesuai jumlah iklan contoh var jumlah_iklan = 4;

Kamu juga bisa menuntukan ukuran gambar sendiri dengan mengubah code :

width="468";
height="60";

Sekian dari ciebal, semoga bermanfaat buat temen-temen semua.

Terimakasih..