Widget HTML #1

Cara Menampilkan Banner Rotasi/Rotation Banner

Cara Menampilkan Banner Rotasi – Hari ini saya mau share tentang bagaimana menampilkan banner rotasi atau random banner. Sebagai blogger, mungkin Anda juga mengikuti bisnis internet. Dari sekian bisnis yang Anda ikuti, masing-masing tentu memiliki banner untuk sarana promosi. Biasanya, kita juga akan mengenalkan bisnis itu di blog kita dengan memasang banner mereka di blog kita.

Kalau bisnis yang kita ikuti hanya 2, mungkin, tidak akan bingung bagi kita untuk memasang banner di blog. Tapi, bagaimana bila bisnis yang kita ikuti lebih dari 10 ? Apakah kita akan memasang semua banner di blog kita ?

Tentu saja, ini sangat tidak mungkin kita lakukan. Selain ruang yang ada terbatas, pemasangan banner yang terlalu banyak akan membuat visitor blog kita menjadi bingung.

Lalu bagaimana caranya, agar kita bisa memasang semua banner affiliasi kita di blog tanpa mengganggu tampilan blog ?

Nah, berikuti ini, saya sampaikan bagaimana agar semua banner bisa kita pasang tanpa menyita ruang blog kita. Kita akan membuat widget banner rotasi. Apa itu ?

Cara Menampilkan Banner Rotasi/Rotation Banner

Dengan widget ini, kita bisa pasang semua banner kita hanya dalam satu widget saja. Banner-banner yang dimasukkan dalam script yang nanti akan saya berikan, nantinya akan ditampilkan secara random di blog dengan sistem rotasi. Jadi, setiap kali terjadi loading di halaman weblog, atau Anda melakukan refresh, banner akan tampil berganti.

Oke, langsung saja

Copy kode di bawah ini

<script type="text/javascript"><!-- Beginvar jumlah_iklan = 3;var waktu_sekarang = new Date()var detik = waktu_sekarang.getSeconds()var pasang_iklan = detik % jumlah_iklan;pasang_iklan +=1;if (pasang_iklan==1) {txt="";url="URL LINK DI SINI!";alt="";banner="URL GAMBAR DI SINI!";width="468";height="60";}if (pasang_iklan==2) {txt="";url="URL LINK DI SINI!";alt="Alt Text";banner="URL GAMBAR DI SINI!";width="468";height="60";}if (pasang_iklan==3) {txt="";url="URL LINK DI SINI!";alt="Alt Text";banner="URL GAMBAR DI SINI!";width="468";height="60";}document.write('<center>');document.write('<a href="' + url + '" target="_blank">');document.write('<img src="' + banner + '" width=')document.write(width + ' height=' + height + ' ');document.write('alt="' + alt + '" border=0><br>');document.write('<small>' + txt + '</small></a>');document.write('</center>');// End --></script>

Keterangan :

  • nilai var jumlah_iklan = 3; ini bisa disesuaikan dengan jumlah banner yang ingin ditampilkan. Dalam contoh ini, ada 3 banner yang akan ditampilkan.
  • URL LINK DI SINI! ganti dengan link yang ingin Anda tampilkan
  • URL GAMBAR DI SINI! ganti dengan link tempat menyimpan gambar
  • width dan height ini sesuaikan dengan ukuran banner yang Anda ingin tampilkan.

Setelah semua disesuaikan dengan script JS ini bisa dipasang di widget/gadget HTML/Javascript di blog kita. Jika pemasangan benar, maka banner akan tampil bergantian. (berbagai sumber)

Mohammad Fanirifanto
Mohammad Fanirifanto Orang biasa saja. Menulis di blog untuk berbagi informasi saja. Semoga bermanfaat.

Posting Komentar untuk "Cara Menampilkan Banner Rotasi/Rotation Banner"