Membuat Random Banner

16

125x125Apa 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 : https://www.ciebal.com/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.. :)

Discussion16 Comments

  1. haduh komen kok ialng mulu ya…?
    lo itu kan script untuk diaplod ke hosting ya sob
    kalao mau pasang bannernya di sidebar gimana?

    • Gak kok mas, dah krim 3 kali koment tuh.. hehe..
      mesti di app sama saya.. :D
      klo untuk di sidebar kan tinggal di copas aja mas,,
      sama kyk script iklan.. :D

Leave a Reply