24 Jan 2016

Membuat Banner Iklan Muncul Secara Acak

Membuat Banner Iklan Muncul Secara Acak - Iklan banner yang akan kita buat kali ini akan muncul bergantian secara acak, bukan bergantian secara otomatis. Muncul bergantian secara acak berarti bahwa banner akan muncul berbeda-beda setiap kita reload halaman web.

Membuat Banner tampil Acak Setiap Reload

Caranya mudah. Cukup letakkan script di bawah ini dan siapkan beberapa gambar yang akan ditampilkan sebagai banner.

<script language="JavaScript"><!--
images = new Array(3);
images[0] = "<a href = 'url target01' target='_blank'><img title='title01' src='url gambar banner0' height='240' width='320'/></a>";
images[1] = "<a href = 'url target02' target='_blank'><img title='title02' src='url gambar banner01' height='240' width='320'/></a>";
images[2] = "<a href = 'url target03' target='_blank'><img title='title03' src='url gambar banner02' height='240' width='320'/></a>";
index = Math.floor(Math.random() * images.length);
document.write(images[index]);
//done
// --></script>

Keterangan :

url target = Link tujuan yang kita inginkan saat banner diklik.
title = Teks alternatif yang akan muncul saat web gagal memuat gambar dengan sempurna.
url gambar = Alamat link url tempat di mana gambar yang ingin kita jadikan banner berada.
height dan width = ukuran tinggi dan lebar gambar.
array = Jumlah gambar banner yang akan ditampilkan.

Cara ini bermanfaat untuk memastikan bahwa banner iklan yang kita pasang bisa dilihat oleh semua pengunjung. Terutama saat diakses melalui perangkat mobile. Karena tidak semua perangkat mobile bisa menampilkan banner iklan yang bergantian secara otomatis.

Itulah tutorial singkat untuk membuat banner iklan muncul secara acak setiap halaman reload. Semoga bermanfaat.