Membuat Rotating Banner

Udah tau belum apa itu rotating banner? Rotating banner adalah banner yang berotasi atau ditampilkan bergantian. Jika anda memiliki iklan yang cukup banyak namun ruang untuk menempatkan iklan tersebut terbatas, maka cobalah pasang rotating banner. Banner hanya akan berotasi pada satu tempat. Jika anda ingin melihat iklan tersebut bergantian ditampilkan maka halaman blog anda perlu direfresh.

Jika anda udah gak sabaran ingin membuatnya, maka Blog Trik dan Tips akan beberikan tutorial berikut ini:
1. Login ke blogger
2. Klik Tata Letak
3. Klik tambah gadjet dan klik HTML Javascript
4. Masukan kode berikut 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 banner';

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>

Keterangan:
-Kode berwaran merah menunjukan ukuran banner yang anda dapat gantikan
-Kode berwarna biru adalah link gambar dan link situs yang anda perlu masukan
-Anda dapat menambah banner dengan menambahkan var ad dan var links

5. Simpan gadjet dan lihat hasilnya...Selamat mencoba!!

Posted in: Animasi,Gambar