Membuat Widget Banner Berotasi atau Muncul Bergantian Setiap Waktu yang Ditentukan

Repot juga kalau punya banner banyak. Ini dia pertanyaanya "ditempatkan dimana saja banner tersebut?, Apakah semua scripts banner/iklan harus ditempatkan disetiap sisi blog?" maka dengan semangat artikel ini diaplikasi untuk menjawab pertanyaan tersebut. Caranya dengan membuat banner berotasi atau banner muncul bergantian setiap detik atau menit atau bahkan setiap jam hanya pada satu kolom widget saja.

Penempatan widget banner sesuai keinginan. Misalnya kita memiliki 5 buah banner iklan yang akan dipasang di sidebar atau di header dan muncul bergantian selama 10 detik. Maka langkah-langkahnya adalah sebagai berikut:

Langkah-Langkah membuat banner berotasi

Masuk ke akun blogger anda → Tata Letak → tambah HTML/JavaScript
Kemudian masukkan script code berikut:

<!-- --><script language="JavaScript">
<!-- Membuat Widget Banner Berotasi atau Muncul Bergantian Setiap Waktu yang Ditentukan
/*Pertama, jika anda memuat lebih sedikit atau lebih dari 6 banner iklan, maka rubahlah "number_of_sponsors" sesuai dengan jumlah banner iklan yang akan dimuat.*/
number_of_sponsors=5;
var sctr=0;
var halt=0;
var isn=new Array();
for (i=0;i<number_of_sponsors;i++){
isn[i]=new Image();
}

/* Ukuran gambar harus sama, dan setiap element gambar pertama harus isn[0] . */
isn[0].src="URL gambar ke-1";
isn[1].src="URL gambar ke-2";
isn[2].src="URL gambar ke-3";
isn[3].src="URL gambar ke-4";
isn[4].src="URL gambar ke-5";

/* Terakhir, letakkan URL tujuan dibawah ini sesuai dengan urutan pada URL gambar diatas.*/
var durl=new Array();
durl[0]="URL Tujuan ke-1";
durl[1]="URL Tujuan ke-2";
durl[2]="URL Tujuan ke-3";
durl[3]="URL Tujuan ke-4";
durl[4]="URL Tujuan ke-5";
/* Script ini di-set berotasi setiap 5 detik. (5000=5 detik, jadi 30000 mutlak menjadi 30 detik, dan seterusnya)
Kamu bisa mengganti jumlah durasi pada kode setTimeout() dibawah. */
function rotateIt(){
if (halt!=1){
sctr++;
if (sctr>number_of_sponsors-1){
sctr=0;
}
document.sponsor.src=isn[sctr].src;
setTimeout("rotateIt()",10000);
}
}

function doIt(){
halt=1;
location.href=durl[sctr];
}
function dispIt(){
parent.window.status=durl[sctr];
}

// End Hiding -->
</script>
<center> 
<table border="0" cellspacing="0" cellpadding="0">

<tr>

<td>
<a onmouseover="dispIt();return true;" href="http://your url.html" onclick="doIt();return false"><img border="0" width="100%" src="http://whatever the name is.gif" name="sponsor" height="100%"/></a></td>

</tr>

</table>
 </center>
<!-- script widget ini gratis dari a1javascripts.com dan dibagikan oleh alazabut.blogspot.com-->
<!-- -->
<script language="JavaScript">
<!-- Membuat Widget Banner Berotasi atau Muncul Bergantian Setiap Waktu yang Ditentukan
sctr=0;
rotateIt();
// End Hiding -->
</script>
<!-- -->

Angka yang ditandai warna merah dalam script diatas adalah jumlah banner iklan yang akan ditampilkan. Orange adalah urutan link/URL gambar anda.Biru adalah urutan link/URL tujuan dari gambar-gambar yang ditandai warna orange tadi. Kemudian yang berwana hijau dihapus saja BILA hasilnya dalam pratinjau anda bannernya ada tabel/border. Kalau anda nyaman dengan tabelnya ya tak apa-apa :-D. Selesai.. Selamat mencoba

Terakhir, semoga artikel cara membuat widget banner berotasi atau muncul bergantian setiap waktu yang ditentukan ini dapat membantu memaksimalkan widget blog site sobat blogger, teman, bro, sis, d.l.l nya. amin.

_____________________________

Script source aljavascripts.com

Bagikan Topik ini ke: