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

• Jumblah banner yang di tampilkan
• Alamat gambar bisa hosting gambar ( Gambar di atas hosting di sini / di sini) biasanya pada code scrip banner URL gambar dah ada jadi tinggal di copi ja Contohnya kaq gini ( src=http://h1.ripway.com/rudi77/ban_04.gif"; )

• 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.......!!!!

Facebook Twitter Google+ Linkedin Digg