Thursday, January 26, 2012

Cara Membuat Banner Auto Rotating | Banner Berganti Secara Otomatis

Untuk memasang banner iklan ataupun banner lainnya seperti di blog dibebaskan ini,biasanya membutuhkan banyak sekali tempat yang diperlukan.Apalagi jika banner yang ditampilkan berukuran besar,Untuk menyiasatinya maka perlu digunakan auto rotating banner.Maksudnya apa auto rotating banner?

Maksudnya,kita cukup meletakkan satu tempat untuk banner.Kemudian biarkan script ini yang bekerja untuk merotasi banner yang keluar saat halaman blog berganti atau di refresh.


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.

Selamat Berkreasi!

No comments:

Post a Comment