Tutorial Blogger : Membuat Iklan Melayang di Blogger

Kali ini saya akan menjelaskan cara membuat iklan melayang di blogger. Mungkin bagi blogger pemula seperti saya ini, masih banyak yang bingung membuat iklan adsensecamp dan kumpulblogger melayang di blog.

Sebenarnya tutorial blogger yang satu ini lebih pantas dikatakan sebagai trik meningkatkan klik iklan adsensecamp, kumpulblogger dkk. Dengan menggunakan tutorial yang satu ini, pasti klik iklan anda akan meningkat, karena setiap kali ada orang yang berkunjung di blog anda,entah itu dihalaman depan ataupun akhir, iklan melayang ini pasti akan muncul. Untuk lebih bagusnya lagi, saya sarankan agar background iklan melayang anda di jadikan transparan.
bagi teman-teman blogger yang belum mendaftar di adsensecamp dan kumpulblogger, silahkan gabung di adsensecamp dan kumpulblogger.

Oke tanpa banyak basa basi lagi, langsung saja anda praktekkan cara pembuatan iklan melayang dengan background transparan ini : 

• Buka Blogger.com dan masukkan akun blog anda  
• Saat anda berada di dashboard,pilih Rancangan
• Pilih Elemen Laman
• Klik tambah gadget
• Setelah anda klik gadget, tambahkan gadget HTML/JavaScript
• Masukkan script iklan melayang dibawah ini :
  <style type="text/css">
  #gb{
  position:fixed;
  top:10px;
  z-index:+1000;
  }
  * html #gb{position:relative;}
  
  .gbcontent{
  float:right;
  border: transparent;
  background: transparent;
  padding:10px;
  }
  </style>
  
  <script type="text/javascript">
  function showHideGB(){
  var gb = document.getElementById("gb");
  var w = gb.offsetWidth;
  gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
  gb.opened = !gb.opened;
  }
  function moveGB(x0, xf){
  var gb = document.getElementById("gb");
  var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
  var dir = xf>x0 ? 1 : -1;
  var x = x0 + dx * dir;
  gb.style.top = x.toString() + "px";
  if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
  }
  </script>
  
  <div id="gb">
  
  <div class="gbtab" onclick="showHideGB()"> </div>
  
  <div class="gbcontent">
  
  <div style="text-align:right">
  <a href="javascript:showHideGB()">
  .:<img src="" title="klik 2x untuk hilangkan iklan ini" alt="X"/>:.
  </a>
  </div>
  <center>
  Masukkan script iklan anda disini
  </center>
  <script type="text/javascript">
  var gb = document.getElementById("gb");
  gb.style.center = (30-gb.offsetWidth).toString() + "px";
  </script></div></div> 
  
  Ket : kode border: transparent; ini maksudnya adalah pinggiran iklan melayang yang transparan, kode background: transparent; ini maksudnya adalah latar iklan melayang yang transparan, anda bisa membuatnya tidak transparan dengan mengubah kode warna merah tersebut dengan kode warna yang anda inginkan, contoh : jika ingin mengganti warna latarnya, background: #000000 ,warna latar iklan anda akan menjadi hitam.
  Selanjutnya, masukkan script iklan anda di tulisan yang berwarna biru diatas.
  
• Simpan dan lihat hasilnya
  
  Script iklan ini telah saya praktekkan sendiri diblog ini dan hasilnya cukup memuaskan.