Sabtu, 10 Juli 2010

Membuat Banner Rotation Otomatis atau Random Banner pada Blogger tanpa judul Banner

Membuat Banner Rotation Otomatis atau Random Banner (Membuat Banner Iklan Tampil Secara Acak) di Blogger merupakan artikel sederhana yang sangat bermanfaat bagi pengguna blogger yang banyak memasang Iklan Banner.
Artikel ini bertujuan ita cukup meletakkan satu tempat untuk banner.Kemudian biarkan script ini yang bekerja untuk merotasi banner yang keluar saat halaman blog berganti atau di refresh.Contohnya dapat dilihat disini atau dibagian atas blog ini.Coba refresh halaman tersebut atau blog ini dan bannernya berganti bukan?
Caranya:
1.Masuk ke Layout>Page Element
2.Pilih option HTML/Javascript
3.Masukkan script dibawah:


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

var ad=new Array()
ad[0]='http://fotokita.net/fkphotos/281271881026_2035525_s.jpg';
ad[1]='http://fotokita.net/fkphotos/781275112862_3272443_s.jpg';
ad[2]='http://fotokita.net//fkphotos/091276058788_9751424_s.jpg';

var links=new Array()
links[0]='Link Gambar 0';
links[1]='Link Gambar 1';
links[2]='Link Gambar 2';

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>

Catatan :
  • Ukuran banner bisa diganti pada var img_witdh dan img_height. 
  • Letakkan link gambar banner pada var ad dan letakkan link nya pada var links, jangan sampai tertukar. 
  • Anda bisa memasang banyaknya banner sesuka anda dengan menambahkan var ad dan var links nya sebanyak mungkin.

1 komentar :

  1. makasih yah berguna banget.....
    tapi ko ga bisa dimasukan ke HTML sih? disitu muncul peringatan "img" must matching end tags

    BalasHapus

Kalo komentar yang baik ya ?