Berbagi itu indah, yuk kita bersedekah

LightBlog
LightBlog

Wednesday, 12 September 2012

Membuat Banner Berganti Otomatis

Memasang banner biasanya membutuhkan tempat yang cukup banyak pada bagian blog kita.
Cara membuat banner rotasi atau berganti secara otomatis biasanya di pakai oleh pemilik blog untuk membuat sebuag iklan advertiser, saya sendiri juga baru mempraktekkan cara membuat banner berganti secara otomatis. Sistemnya sendiri adalah banner tersebut akan berganti apabila halaman web direfresh.
Baiklah langsung saja kita mulai ritual membuat banner berganti otomatis pada blog.

1. Login ke akun blogger sobat.
2. Masuk ke Tata Letak.
3. Add Gadget > Html/Javascript.
4. Masukkan kode di bawah ini.

<script language="JavaScript">
var img_width = "468";
var img_height = "60";
var img_title = "Klik Disini";

var ad=new Array()
ad[0]='url/alamat source/gambar banner';
ad[1]='url/alamat source/gambar banner';
ad[2]='url/alamat source/gambar bannerr';

var links=new Array()
links[0]='url/alamat link ';
links[1]='url/alamat link ';
links[2]='url/alamat link ';

var xy=Math.floor(Math.random()*ad.length);
document.write('<a href="'+links[xy]+'" target="_blank"><img border="0" width="'+img_width+'" alt="'+img_title+'" src="'+ad[xy]+'" height="'+img_height+'"></a>');
</script>


5. Ganti Url web atau gambar.
6. Simpan dan lihat hasilnya. Maka banner akan berganti otomatis apabila di refresh.


Demikianlah cara membuat banner berganti secara otommatis.

Adbox