Membuat Random Banner Untuk Blog

Trik ini pada awalnya saya gunakan karena keterbatasan tempat pada template yang saya gunakan untuk memasang banner iklan secara banyak sekaligus. Nah, untuk mengatasi keterbatasan tersebut saya menggunakan script untuk membuat random banner yang dimana banner dapat secara otomatis berganti-ganti secara priodik (liat random banner disamping header logo mampirbro). Dengan memakai cara ini, kita dapat menghemat tempat untuk memasang banner-banner iklan diblog kita.

Bagi sobat yang ingin mengetahui cara membuatnya, silahkan dilihat tutorialnya dibawah ini.

Berikut Caranya:

• Login ke blog sobat


• Klik menu "Rancangan" --> "Elemen Halaman" --> "Tambah Gadget" --> "HTML/JavaScript"


• Kemudian, pastekan kode dibawah ini ke dalam kolom konten.
  



<script type="text/javascript">
var imgs1 = new Array("URL banner-1","URL banner-2","URL banner-3","URL banner-4");
var lnks1 = new Array("URL tujuan-1","URL tujuan-2","URL tujuan-3","URL tujuan-4");
var alt1 = new Array("tex iklan-1","tex iklan-2","tex iklan-3","tex iklan-4");
var currentAd1 = 0;
var imgCt1 = 4;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",10000);
</script>
<a href=""link iklan-1"" id="adLink1" target="_blank">
<img src="link gambar iklan-1" id="adBanner1" border="0" width="468" height="60" /></a>


*Ket:

1. Kode berwarna merah, text "URL Banner", sobat ganti dengan url dari gambar atau banner iklan. Pisahkan antara url banner 1 dengan yang lainnya dengan tanda (,) koma.


2. Kode berwarna biru, text "URL Tujuan", sobat ganti dengan url atau alamat dari web/blog yang menjadi tujuan apabila banner di klik. Pisahkan antara url tujuan 1 dengan yang lainnya dengan tanda (,) koma.


3. Kode berwarna hijau, text "Tex Iklan", sobat ganti dengan teks deskripsi singkat atau judul untuk banner. Pisahkan antara teks iklan 1 dengan yang lainnya dengan (,) koma.


4. Kode berwarna orange, text "var imgCt1 = 4", angka 4 nya adalah jumlah dari banner iklan yang akan ditampilkan. Sobat dapat menyesuaikan jumlah banner iklan yang akan muncul dengan mungubah angaka terakhir ini.


5. Kode berwarna ungu, angka "angka 468 dan 60", adalah ukuran dari banner sobat yang dapat sobat sesuaikan.



• Jika pengaturannya sudah sesuai dengan selera sobat, simpan lah widget.

Sekarang silahkan sobat melihat tampilan bannernya, jika berganti-ganti, maka kode diatas berhasil diterapkan pada blog sobat.

Contoh Hasil Random Banner:



Semoga berguna dan bermamfaat

Seluruh artikel postingan pada blog ini dapat di copy-paste dengan syarat menuliskan sumbernya dan memasang link aktif blog ini pada blog sobat | Bagi Sobat yang menemukan link download bermasalah (brokenlink) dapat memberitahu saya di sini

Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.

Artikel Terkait: