Cara Memasang Iklan Melayang Di Blog

Sebelumya saya tulias juga cara membuat iklan melayang diatas header, nah kali ini hampir sama, tapi bedanya disini iklan kamu melayang di blog dengan dilengkapi tombol close, jadi para pembaca blog kamu bisa menutup iklan melayang tersebut dengan mudah.



Langsung saja, berikut cara memasang iklan melayang di blog, silahkan ikuti langkah-lagkah di bawah ini!

1. Login ke blog kamu
2. Klik rancangan atau design
3. Tambahkan widget atau add gadger dan pilih html/javascript
4. Copy dan paste kode di bawah ini:
   

   <style type="text/css">
   #gb{
   position:fixed;
   top:10px;
   z-index:+1000;
   }
   * html #gb{position:relative;}
   
   
   .gbcontent{
   float:right;
   border:2px solid #A5BD51;
   background:#ffffff;
   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()">
   Close Klik 2X
   </a>
   </div>
   <center>
   
   KODE SCRIPT IKLAN
   
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.center = (30-gb.offsetWidth).toString() + "px";
   </script></center></div></div>

5. Simpan

Ganti yang berwarna merah dengan kode script ikaln kamu, nah.. mudah buka cara memasang iklan melayang di blog, dan jangan lupa baca juga ya artikel infonetmu yang lain di cara membuat iklan berdampingan di blog. semoga berguana!