Cara Membuat Random Banner

Sepertinya menarik juga jika banner yang dipasang di blog selalu berubah ketika berpindah halaman atau merefresh halaman yang sedang dikunjungi. Akhirnya aku iseng nyari² dan nanya² ke mbah Google. Ternyata namanya random banner. Script aslinya sih cuma dikit, tapi tergantung jumlah banner yang mau di pasang juga sih. Semakin banyak jumlah banner yang mo ditampilkan, semakin panjang juga scripnya.

Script aslinya seperti ini :
 <script language="JavaScript"><!--

images = new Array(2);

images[0] = "<a href = 'url target01' target='_blank'><img title='title01' src='url gambar banner01'></a>";

images[1] = "<a href = 'url target02' target='_blank'><img title='title02' src='url gambar banner02'></a>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);

//done

// --></script>
Script di atas digunakan untuk menampilkan 2 banner secara random pada satu tempat yang sama. Tinggal masukkin url target01 dan url gambar01 dengan url target dan gambar dari banner yang pertama, juga untuk banner yang ke-2. Untuk title bisa diganti menyesuaikan deskripsi dari banner yang ditampilkan.

Untuk menambah banner yang akan di random, ganti angka pada new Array(2) dengan jumlah banner yang akan di random. Misalnya akan merandom 3 banner, yang perlu dilakukan adalah merubah angka pada new Array menjadi new Array(3). Kemudian menambahkan script
images[2] = "<a href = 'url target03' target='_blank'><img title='title03' src='url gambar banner03'></a>";
dibawah script
images[1] = "<a href = 'url target02' target='_blank'><img title='title02' src='url gambar banner02'></a>";
Sehingga script komplit nya akan seperti ini
 <script language="JavaScript"><!--

images = new Array(3);

images[0] = "<a href = 'url target01' target='_blank'><img title='title01' src='url gambar banner01'></a>";

images[1] = "<a href = 'url target02' target='_blank'><img title='title02' src='url gambar banner02'></a>";

images[2] = "<a href = 'url target03' target='_blank'><img title='title03' src='url gambar banner03'></a>";

index = Math.floor(Math.random() * images.length);

document.write(images[index]);

//done

// --></script>
Yang perlu diperhatikan adalah image[x] selalu di awali dengan image[0] dan di akhiri dengan image[n-1] dimana "n" terdapat pada new Array(n). Misal :
  1. new Array(3) image[x] diakhiri dengan image[2] (3 random banner)
  2. new Array(4) image[x] diakhiri dengan image[3] (4 random banner)
  3. new Array(5) image[x] diakhiri dengan image[4] (5 random banner)
  4. dan seterusnya
Jangan lupa juga, biar keliatan rapi untuk ukuran bannernya aku saranin sama semua. Contoh jadinya bisa diliat pada banner di sebelah judul blog, banner space iklan, dan banner sponsor di blog MustBhagoezt. Semoga penjelasan yang terkesan ribet ini masih bisa dipahami. Selamat mencoba.



Loading...

3 komentar :

bengkelhumor.blogspot.com mengatakan... Balas Komentar

@admin,,,


ada award untuk kamu teman,,

silahkan ambil award ini dan berikan lagi kepada 5 situs pilihan kamu ambil di http://bengkelhumor.blogspot.com/2012/03/hadiah-fleanding-sites-choice-award.html

dan cek hadiah dari award ini di http://bengkelhumor.blogspot.com/2012/03/fleanding-sites-choice-award.html

happy blogging

ozanzt's blog mengatakan... Balas Komentar

Nggak ribet kok..
aku faham...
thanx yachh..
sangat bermanfaat.

tukar link?

cara berpromosi lewat facebook dengan efektif mengatakan... Balas Komentar

sip sip sip

Poskan Komentar



 
Powered by Blogger