Membuat Banner Tampil Bergantian Dalam Satu Kolom Widget ( Banner Rotator )

Membuat Banner Tampil Bergantian Dalam Satu Kolom Widget ( Banner Rotator )

Menampilkan Banner di blog atau website itu adalah langkah yang harus di lakukan bagi seorang bloger yang mangikuti program Afliansi atau bisnis-bisnis internet lainya, Bagaimana kalau kita mengikuti program afliansi / bisnis-bisnis internet atau sejenisnya hingga 10 sampai 20 atau lebih  dan  harus memasang banner di blog atau website kita tentu blog atau web kita akan penuh dengan banner-banner tersebut dan kadang membuat loding blog semakin lambat,  salah satu cara untuk mengatasinya adalah menempatkan banner dalam satu kolom widget dan akan tampil bergantian sesuai jeda waktu yang akan di tentukan seperti contoh banner di atas.
Buat teman-teman bloger yang ingin membuat banner slide show atau banner yang tampil bergantian dalam satu kolom widget bloger berikut cara yang harus di lakukan.
  • Login.
  • Pilih tata letak > elmen halaman.
  • Tambah Widget.
  • Copy kode scrip di bawah ini taruh di widget.

<!-- --><script language="JavaScript">
<!-- Hide from JavaScript-Impaired Browsers
/* First, if you load fewer or more than 6 sponsors
into your rotator, change the "number_of_sponsors" variable
to the actual number of sponsor .gifs you plan to
load. */
number_of_sponsors=6;
var sctr=0;
var halt=0;
var isn=new Array();
for (i=0;i<number_of_sponsors;i++){
isn[i]=new Image();
}

/* The sponsor .gif names are loaded into the isn[x]
sponsor images array. You may load any number of
sponsor images (.gif or .jpg or both) into this
array. They must all be the same size, however.
Substitute your own .gif filenames for the ones
shown here. Note that the first .gif must appear
in the isn[0] array element. */
isn[0].src="http://h1.ripway.com/rudi77/26456_468x60d.gif";
isn[1].src="http://h1.ripway.com/rudi77/banner3.gif";
isn[2].src="http://h1.ripway.com/rudi77/ban_04.gif";
isn[3].src="http://h1.ripway.com/rudi77/FFZ_468x60_aa_01b.gif";
isn[4].src="http://h1.ripway.com/rudi77/p.gif";
isn[5].src="http://h1.ripway.com/rudi77/trekpay_60x468.jpg";

/* Finally, replace the URL's below with those of
your sponsors IN THE SAME ORDER. */
var durl=new Array();
durl[0]="http://d0e4a9f0.linkbucks.com/";
durl[1]="http://f167ff1e.linkbucks.com";
durl[2]="https://www.alertpay.com/?6CBL0NDZkv0nCwjDwuNznA%3d%3d";
durl[3]="http://d0e4a9f0.linkbucks.com";
durl[4]="http://f167ff1e.linkbucks.com";
durl[5]="http://8952d67b.linkbucks.com";

/* This script is set to rotate every 5 seconds.
(5000=5 seconds, so 30000 would equal 30, etc)
You should change the number in the setTimeout()
call below for the number of seconds you wish. */
function rotateIt(){
if (halt!=1){

sctr++;
if (sctr>number_of_sponsors-1){
sctr=0;
}
document.sponsor.src=isn[sctr].src;
setTimeout("rotateIt()",10000);
}
}

/* This code will work just fine with or without
frames. However, if you are in frames and wish
to replicate the TARGET="_top" call to remove
frames, change the location.href call to:
parent.location.href=durl[sctr];
below. */
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="468" src="http://whatever the name is.gif" name="sponsor" height="60"/></a></td>
</tr>
</table></center>
<!-- this script and more free from a1javascripts.com -->
<!-- -->
<script language="JavaScript">
<!-- Hide JavaScript from Java-Impaired Browsers
sctr=0;
rotateIt();
// End Hiding -->
</script>
<!-- -->

Keterangan 
Ganti code yang berwarna di atas. atau mau download code scripnya di sini

  • Url tujuan banner bila di klik.
  • Jeda waktu slide show
  • Lebar widget.
  • tinggi widget.

Kalau mau tambah bannernya tinggal ditambah aja,
Misalnya untuk link banner/gambar
isn[No Urut].src="Link gambar";

Untuk Url Tujuan banner kaq di bawah ni
durl[No Urut]="Link Tujuan Banner";

Jangan lupa Jumblah banner yang di tampilkan harus sesuaiYang ada di kode scrip misalnya ada 10 banner yang di pasang berarti statusnya 10 biar gak ribet tu liat di code scripnya yang warna kaq gini.

Kalau sudah  klik simpan dan lihat hasilnya .

Untuk pemasangan dua kolom yang berbeda tema-teman bisa cobak sendiri karna saya pernah cobak tapi malah keduanya jadi eror.
Kalau bingung tanya aja via COMMENT

Selamat Mencoba Semoga Berhasil.......!!!!


9 comments

muantap gan thanks
salam kenal wongso

terima kasih, saya baru coba scriptnya and it works

artikel yg cukup bagus dan juga ulasannya cukup bagus dan detail bro karena itu aku suka sekali loe, dan salam kenal dari mico mas, dan juga sekalian bagi teman2 yg suka dengan film terbaru box office,horor,romantis,action,dan anime silakan kunjungi situs nya loe, karena itu gue dapat dari google dan menariknya di update tiap hari filmnya. dan makasi juga untuk admin disini bro sudah berkenan memberikan saya berkomentar loe, keep blogging bro, dan juga makasi ya,thanks gbu

Artikel tutorialnya bagus, dapat bookmark dari saya. :)

Thanks banget bro, udah berhasil......

Komentar tanpa NAMA (nick name) kemungkinan besar tidak akan direspon. Berkomentarlah dengan baik dan sopan demi kenyamanan bersama, komentar yang anda masukan akan sangat berarti untuk saya