Banner Rotation Script

Banner Rotation merupakan alternatif animasi gambar selain animasi gambar GIF dan animasi Flash. Banner Rotation ini menggunakan kode javascipt, jadi tidak akan membuat lambat waktu loading blog. Kode javascript Banner Rotation yang saya gunakan merupakan hasil modifikasi dari script Banner Rotation yang ada di scriptmania.com.

Penting !!! ada baiknya sobat blogger mem-backup terlebih dahulu template blog sobat untuk menghindari  hal-hal yang tidak diinginkan dalam menerapkan widget ini.

Cara Pemasangan :

• Login ke blog sobat...


• Klik "More Options" selector box kemudian klik "Tata Letak" setelah itu pilih "Add Widget" dan pilih "HTML / Javascript", seperti gambar di bawah ini.
  
  
  

  
  

  

  
  

  

  
  

  


• Copy-paste kode di bawah ini dan taruh di kotak gadget blog. Silakan sesuaikan beberapa kode tersebut agar sesuai dengan tema blog sobat.
  
  

  <script>
  var linkBanner1="http://monozcore.blogspot.com/p/contact.html";
  var linkBanner2="http://monozcore.blogspot.com";
  var linkBanner3="http://mozwidget.blogspot.com";
  var imgBanner1="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTPPVwD2hS3niFNjOdF9QO974NWQ2KEM7M-yzHLMLlUNer-SB6AVHuGFs54QhW7VbDPTcj1SnZTbxXRbsQCfMZrKyIAfXVPk5cpD7VnxYRDPofGNxq7bN-Rrl41yrxFkK_ngIF2Q8GagPK/s800/MonozAds3468x60.png";
  var imgBanner2="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRKs5yj_3gwLr8t0UCiXG9bWgOh6NLxc8S4mn1NdhZYCAfsfAXJzuOE2tvlqKs96TQJOXhvOF5OLdjS9fNkp8FG2Akj8bRGaKwS84rC8ljigkRuNzRRu7Iz-qw4Gn27kEF7qPKDa0zX5rf/s800/MonozAds1468x60.png";
  var imgBanner3="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOv3-U9r6QypB8ZFfVpDtXyiuErlvYSzZLgNi2odHYdg3CH1TqSiMJz9WxEbEWkaNqa2x2-mtmuttuPqqLDWsbT1PZQIm-nRrLRgg87R9df-k9JbeDGLDokou-abtsQFOSgYgI7tizzRho/s800/MonozAds2468x60.png";
  </script>
  <script>
  document.write("<a href=\"javascript:surfToSponsor();\" title=\"Click here...\"><img id=\"banner\" src=\"\"\/><\/a>");
  var sponsor = 1;
  function surfToSponsor(){
  if (sponsor==1){window.location.href = linkBanner1;}
  if (sponsor==2){window.location.href = linkBanner2;}
  if (sponsor==3){window.location.href = linkBanner3;}
  }
  function changeSponsor(){
  if (++sponsor > 3){sponsor = 1;}
  if (sponsor==1){document.getElementById('banner').src = imgBanner1;}
  if (sponsor==2){document.getElementById('banner').src = imgBanner2;}
  if (sponsor==3){document.getElementById('banner').src = imgBanner3;}
  window.setTimeout('changeSponsor();',1500);
  }
  window.onLoad=window.setTimeout('changeSponsor();',1500); 
  </script>

  
  KETERANGAN :
  • Pada kode // linkBanner merupakan URL link yang dituju.
  • Pada kode // imgBanner merupakan URL lokasi gambar.


• Klik "Save" dan lihat hasilnya...

Oke sobat monozcore jangan lupa meninggalkan jejak komentarnya yaa... biar postingan berikutnya semakin unik dan menarik.. happy blogging...

.: Semoga Bermanfaat :.