cara membuat Random rotating banner ads

Bila beberapa waktu yang lalu saya telah membuat tulisan mengenai random rotating header image untuk blogger di sini, maka sekarang mas Aan ingin menulis mengenai cara menampilkan random rotating banner ads di blogger.

Cara ini berawal dari keinginan saya untuk menampilkan banyak banner iklan tapi tidak memakan banyak tempat. Mas Aan sempat stress karna mencoba banyak script random rotating image atau yang lainnya ke blogger tapi tak satupun yang sukses alias berhasil. tapi, pada akhirnya mas Aan berhasil mengimplementasikan satu script yang sangat sederhana untuk random rotating banner ke blogger.Pokoknya, sangat mudah dan ringkas.

Dengan script simple random rotating banner ads ini, rekan-rekan bisa memasang banyak banner tanpa terbatas dalam satu tempat dengan catatan usahakan banner memiliki ukuran yang sama. dan banner image tersebut akan tampil secara bergantian secara acak setiap kali halaman di load atau refresh. Dipastikan, pengunjung blog rekan-rekan tidak akan melihat banner yang itu-itu saja. Untuk contoh implementasi dari script random rotating banner ini, silahkan rekan-rekan lihat banner yang ada di bagian atas blog ini. Coba refresh halaman, maka rekan-rekan akan mendapati banner lain dan berbeda dari yang muncul sebelumnya..

Bagaimana? tertarik? kalau sudah penasaran, sekarang saatnya untuk beraksi.

• dari dashbor blog rekan -rekan pilih"Tata Letak"
• setelah ada di halaman "Element Halaman" klik "Tambah Gadget"
• dari pop up yangmuncul, pilih yang "Html/JavaScrpt"
• copy kode dibawah ini lalu paste di kotak pop-up html/javascript yang muncul :
  

  <SCRIPT  LANGUAGE="JavaScript"> 
  
    <!-- Begin
  
      var how_many_ads = 3;
  
      var now = new Date()
  
      var sec = now.getSeconds()
  
      var ad = sec % how_many_ads;
  
      ad +=1;
  
   
      if (ad==1) {
  
      txt="The World's Largest  Online Bookstore, Amazon.com";
  
      url="http://www.amazon.com";
  
      alt="amazon.com";
  
      banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";
  
      width="468";
  
      height="60";
  
      }
  
      if (ad==2) {
  
      txt="Palm III by 3Com,  in stock!";
  
      url="http://cybershop.com/";
  
      alt="cybershop.com";
  
      banner="http://imageserv.imgis.com/images/Ad13189St1Sz1Sq5_Ban10.gif";
  
      width="468";
  
      height="60";
  
      }
  
      if (ad==3) {
  
      txt="Find it at  GoTo.com";
  
      url="http://www.goto.com";
  
      alt="goto.com";
  
      banner="http://imageserv.imgis.com/images/Ad13700St1Sz1Sq1_Ban1.gif";
  
      width="468";
  
      height="60";
  
      }
  
      document.write('<center>');
  
      document.write('<a href=\"'  + url + '\" target=\"_top\">');
  
      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> 

• simpan perubahan, selesai.

Simple dan mudah bukan? mas Aan yakin, tanpa penjelasan pun rekan-rekan sudah tahu pemakaian script random rotating banner ads ini. Tapi baiklah, saya terangkan sedikit.
Pada kode yang diberi warna merah atau var how_many_ads = 3;, tulis jumlah banne yang akan ditampilkan, sesuaikan dengan jumlah banner rekan-rekan. kalau mau menampilkan 10 banner, ganti 3 dengan 10.
Lalu pada kode yang saya beri warna putih, adalah penempatan kode baner rekan rekan:

if (ad==1) {

kode urutan banner, banner nomor 2 berarti ganti angka 1 dengan 2, dan seterusnya.

txt="The World's Largest  Online Bookstore, Amazon.com";

ganti dengan tulisan apapun tentang banner tersebut. semisal" dapatkan duit gratis" dsb.tulisan akan muncul di bawah banner dengan ukuran kecil. kalau mau, bisa dikosongkan.

url="http://www.amazon.com";

url tujuan banner rekan-rekan. maksunya, ganti dengan url banner rekan- rekan.

banner="http://imageserv.imgis.com/images/Ad12669St1Sz1Sq1_Ban1.gif";

alamat lokasi penyimpanan image banner rekan -rekan.

Nah, sangat mudah bukan? kalau masih ada yang bingung, silahkan tinggalkan komentar.

diizinkan untuk copy paste artikel yang ini 
dengan mengharuskan anda untuk mencamtumkan sumber 
tulisan (http://cominfo-indonesia.blogspot.com )dan link ke halaman tulisan ini.

HAPPY BLOGGING

mau software dibawah ini? klik saja untuk mendownload!! GRATIS!!

Tutorial Yg Masih Berhubungan