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:
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 :)
ADA YANG MAU PASANG IKLAN DI BLOG INI ?? bisa hubungi saya via email:
oom [at] o-om [dot] com
