Cara Membuat Auto Rotating Banner | Random Banner Otomatis

Bagi seorang pemilik blog, iklan merupakan salah satu cara untuk menguangkan blog selain bergabung dengan program Pay Per Click (PPC) seperti Adsense.

Nah untuk blog yang besar dan ingin memonetize blognya dengan baik tentu membutuhkan space yang besar untuk memasang semua iklan yang akan ditampilkan. Dan itu akan memakan banyak ruang di sidebar maupun di post kita.

Ada cara untuk mengatasinya yaitu dengan membuat auto rotating banner. Apa itu auto rotate banner? Maksudnya adalah banner yang bisa berotasi alias berganti-ganti sendiri secara otomatis. Jadi kita hanya butuh satu slot iklan untuk banyak iklan.

Bagaimana cara memasang atau membuat auto rotating banner. Iktui tutorial berikut ini:

Caranya:
1.Masuk ke Layout>Page Element
2.Pilih option HTML/Javascript
3.Masukkan script dibawah:

<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>

* Note:
-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.