Cara Membuat Script Banner Ads Rotator

Barangkali kita sering atau paling tidak pernah membaca pada beberapa artikel saat blogwalking, bahwa meletakan terlalu banyak banner diblog bisa membuat ketidaknyamanan bagi pengunjung. Nah, masalah barupun muncul yaitu bagaimana cara kita bisa merotasi banner yang efektif pada sebuah space iklan.

Ada 2 metode rotasi banner yang umum digunakan para marketer yaitu rotasi secara otomatis berdasarkan durasi waktu dan rotasi berdasarkan page-load. Untuk membuat rotasi banner berdasarkan durasi waktu bisa menggunakan software-software interaktif animasi vektor seperti seperti adobe flash, aligator flash designer, flash banner maker atau ada juga yang lebih instan seperti amara software, dll. Tapi sayangnya agak sulit membuat rotasi berdasarkan page-load dengan software-software semacam ini, yup meskipun bisa pada akhirnya kita tetap harus menyisipkan kode-kode lain di dalamnya.  

Sebenarnya ada satu solusi yang simple untuk membuat rotasi banner berdasarkan page-load, yaitu menggunakan script seperti ini:

<script type="text/javascript">
<!-- Begin
rnd.today=new Date();
rnd.seed=rnd.today.getTime();

function rnd() {
rnd.seed = (rnd.seed*9301+49297) % 233280;
return rnd.seed/(233280.0);
};

function rand(number) {
var result = Math.ceil(rnd()*number);
if (!result)result++;
return result
};
var ad_cnt1 = 3;
var ad1 = rand(ad_cnt1);
var link1;
var adBanner1;
var width1
var height1
if (ad1==1) {
link1="http://www.affiliatebussiness.com";
adBanner1="http://affiliatebussiness.com/Banner-Iklan-Hantu-125x125.gif";
width1="125";
height1="125";
alt1="Bisnis Internet";
}
if (ad1==2) {
link1="http://www.thegeniusbiz.com/?id=ricky_rich";
adBanner1="http://affiliatebussiness.com/Geniusbiz 125 x 125 Short.gif";
width1="125";
height1="125";
alt1="Bisnis Online";
}
if (ad1==3) {
link1="http://www.formulabisnis.com/?id=ricky_rich";
adBanner1="http://affiliatebussiness.com/bisnis online.gif";
width1="125";
height1="125";
alt1="Bisnis Internet";
}
document.write('<center><a href="' + link1 + '" target="_blank">');
document.write('<img src="' + adBanner1 + '" width=' + width1 + ' height=' + height1 + ' border=0 alt="' + alt1 + '"></a>');
document.write('</center>');
// End -->
</SCRIPT>

Kode if (ad1==1) { , if (ad1==2) { , if (ad1==3) { pada script tersebut adalah kode banner iklan yang sedang dirotasi menggunakan sistem page-load, dimana setiap kali halaman blog dibuka dengan yang baru maka secara random banner juga akan berubah.

Bagaimana, apakah masih merepotkan juga? Sekarang kita gunakan cara termudah untuk membuat script semacam itu yaitu menggunakan layanan free generator dari htmlbasic.com. Cukup melakukan sedikit pengaturan untuk membuat rotasi, selanjutnya klik "generate" dan kode rotasi banner pun sudah bisa digunakan. Bila ingin membuat rotasi berdasarkan page-load jangan lupa untuk memilih button "New image with every page load".

Selain rotasi banner, sebenarnya masih banyak lagi layanan lain yang bisa kita buat secara gratis di htmlbasic.com seperti popup generator, drop down menu, list generator, dan sebagainya. Selamat mencoba.