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 alau 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 taru 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 )


• Url tujuan banner bila di klik.


• Jeda waktu slide show


• Lebar widget.


• tinggi widget.

 

Kalau sudah  klik simpan dan lihat hasilnya Gampang to.

 Untuk pemasangan dua kolom yang berbeda tema-teman bisa cobak sendiri karna saya pernah cobak tapi malah keduanya jadi eror