Membuat Banner Berubah Sendiri Saat Refresh Halaman

Lha kok judulnya ribet, ya memang itu judulnya. Maksud judul itu adalah ketika anda ingin menghemat space sebuah blog, anda cukup menampilkan satu banner yang akan berubah saat halaman di refresh. Atau bahasa kerennya Banner Rotator.
Banner rotator ini sering kita jumpai di web PTC yang digunakan untuk memunculkan iklan banner peyewa. Langsung saja saksikan sciptnya dibawah ini :

<script language="JavaScript">
    Banner = new Array(3);

    Banner[0] = "<a href = 'Link Tujuan' rel='nofollow' target='_blank' ><img src='Link Gambar' border='0' height='90px' width='728px'></a>";

    Banner[1] = "<a href = 'Link Tujuan' rel='nofollow' target='_blank' ><img src='Link Gambar' border='0' height='90px' width='728px'></a>";

    Banner[2] = "<a href = 'Link Tujuan' rel='nofollow' target='_blank' ><img src='Link Gambar' border='0' height='90px' width='728px'></a>";

    index = Math.floor(Math.random() * Banner.length);
    document.write(Banner[index]);
    </script>

 Keterangan Script:

• Link Tujuan (Warna Merah) Diganti dengan link tujuan banner yang ditampilkan.
• Link Gambar (Warna Biru) Diganti dengan link gambar banner yang akan ditampilkan.
• Height dan Width disesuaikan dengan ukuran gambar.
• Jumlah banner yang muncul dapat diganti pada bagian Array(3), ganti angka 3 dengan jumlah banner yang diinginkan diikuti dengan menambah kode Banner[2] (Angka dimulai dari 0 disesuaikan dengan array)

Untuk contoh, dapat anda lihat dibawah ini.


*Refresh halaman ini untuk melihat perubahan banner 
Untuk pemasangan di blogger klik Tata Letak > add widget > HTML/JavaScript.
Demikian info singkat ini, semoga bermanfaat untuk anda.

Tweet