Belajar Ngeblog

Belajar bersama membuat blog

Random Banner Iklan pada Satu Tempat

Ada sesuatu yang lucu jika ingat minggu lalu ketika sahabat karib (bukan blogger) menanyakan kepada saya bagaimana menampilkan iklan secara acak (Random banner) dalam satu area. Pertama kali ditanyakan hal ini saya juga kebingungan mau jawab apa, wong blog ini gak pernah ada iklan-nya apalagi mengelola pemasang iklan. Setelah lama bercuap-cuap sahabat saya langsung nyeletuk “katanya blogger mania masa buat koding untuk iklan aja gak bisa” Gubraaakkkk, gila.. nantang bener nih orang. saya balas bertanya “kalo om bisa dikasih apa??” teman saya menjawab “saya traktir makan di cak koting (tempat makan terkenal di yogya)” OK, kasih om waktu satu hari, kemudian kami pun bersalaman tanda sepakat. (akhirnya..om ditraktir makan hehehe)

Back ke laptop….sebenarnya membuat Iklan (Banner) satu tampilan dalam satu area tidak terlalu sulit, kita hanya tinggal mengarahkan saja ke lokasi gambar, namun yang jadi masalah bagaimana jika kita mempunyai 10 pemasang iklan yang ingin ditampilkan dalam satu lokasi area, ini yang munkin menjadi kendala utama pengelola iklan. Perlu diketahui bahwa banner yang kita buat nanti hanya pada  Image Banner bukan sebagai Text Banner, iklan ini akan tampil secara acak jika pengunjung melakukan reload atau refresh pada halaman. Lihat Random Banner dengan iklan Dmoz dibawah sebagai contoh:

<!– 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=”Contoh tampilan iklan DMOZ pertama”;
url=”http://www.dmoz.org&#8221;;
alt=”dmoz.org”;
banner=”http://dmoz.org/user-banners/banner2.gif&#8221;;
width=”468″;
height=”60″;
}
if (pasang_iklan==2) {
txt=”Contoh tampilan iklan DMOZ Kedua”;
url=”http://www.dmoz.org&#8221;;
alt=”dmoz.org”;
banner=”http://dmoz.org/user-banners/banner3.gif&#8221;;
width=”468″;
height=”60″;
}
if (pasang_iklan==3) {
txt=”Contoh tampilan iklan DMOZ ketiga”;
url=”http://www.dmoz.org&#8221;;
alt=”dmoz.org”;
banner=”http://dmoz.org/user-banners/banner4.gif&#8221;;
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 –>
dmoz.org
Contoh tampilan iklan DMOZ Kedua

Contoh kode Dengan Javascript :
<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=”
Alamat URL“;
banner=”
Alamat URL Gambar“;
width=”
468“;
height=”
60“;
}
if (pasang_iklan==2) {
txt=”
Tulis Title“;
url=”
Alamat URL“;
alt=”
Alamat URL“;
banner=”
Alamat URL Gambar“;
width=”
468“;
height=”
60“;
}
if (pasang_iklan==3) {
txt=”
Tulis Title“;
url=”
Alamat URL“;
alt=”
Alamat URL“;
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>

Penjelasan:
Jika ingin menambah jumlah iklan tinggal menambahkan saja code script-nya, contoh diatas kita mempunyai 3 jumlah iklan yang ditampilkan, jika rencana menambah 1 iklan lagi jangan lupa juga menambahkan nilai baru dengan 4, begitupun seterusnya.  Lihat contoh kode dibawah:
if (pasang_iklan==4) {
txt=”
Tulis Title“;
url=”
Alamat URL“;
alt=”
Alamat URL“;
banner=”
Alamat URL Gambar“;
width=”
468“;
height=”
60“;
}

Ups hampir lupa, jangan lupa menambah total jumlah iklan yang ditampilkan, Contoh: var jumlah_iklan = 4;

Selamat Mencoba, Happy Blogging🙂

Sumber : O-0m.com

Oktober 18, 2008 - Posted by | Blogspot | ,

4 Komentar »

  1. good..
    progam afilasi yg lg bgz2ny skrng ap ?

    Komentar oleh davin tandean | November 21, 2008

  2. siip .. saya juga sedang nyari tutorial ini om, terima kasih y om

    Komentar oleh iklan gratis | September 16, 2009

  3. wah,hebat bgett om.

    Komentar oleh PUGUH | Oktober 3, 2009

  4. mantab, tapi tambah brat g loadnya.??

    Komentar oleh Blog tutorial | Desember 8, 2009


Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: