Rabu, 25 Juni 2008

Membuat Random Image

Sudah sejak lama saya mencari bagaimana membuat random image, yaitu membuat gambar berubah-ubah setiap pengunjung merefresh halaman blog. Nah setelah saya berputar-putar mencari, tibalah saya di blognya si oom. Disana terdapat tutorial mengenai random image ini. Dan saya coba, akhirnya seksus berat :D (lihat di halaman bawah).

Nah, karena saya sudah berhasil mencobanya, saatnya menuliskan tutorial ini di blog ini, siapa tahu berguna. Oke begini caranya :

Tambahkan Page Elements, pilih HTML/Script dan masukkan kode berikut (kodenya saya pinjem ya oom) :

<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>

Kode di atas digunakan untuk tiga image. Tapi jika anda ingin menambah jumlah image lebih dari tiga, anda bisa menambahkan kode baru lagi, seperti di bawah ini :

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

Sebelum itu, jangan lupa untuk menambah jumlah var image yang ingin ditampilkan. Contoh: var jumlah_iklan = 4; Nah selamat mencoba.


0 comments: