Belajar Blogging : Cara Membuat Iklan Melayang Dengan Tombol Close

Berikut Cara Membuat Iklan Melayang Dengan Tombol Close :

1. Login Ke Blogger.com dengan ID anda.
2. Masuk ke Tab Tata Letak.
3. Pilih Elemen Halaman.
4. Klik Tambah Gadget.
5. Pilih HTML Javascrib.
6. Copy kode di bawah ini :
   
   
   

   <a onblur="try {parent.
   deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKakeGtcSkpw1Rglk7_z51f9x4X2W6FO6QoGwwe4YvNX8oCJyQn0LTaD6_njn3fS_xGVc4tXAyqXMrZRG8J7kp5OMTW6noePdFhnAHx8ZhjOGzcNmEdqwdZJPb-Pj7vYQPny8yr1faX9o/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKakeGtcSkpw1Rglk7_z51f9x4X2W6FO6QoGwwe4YvNX8oCJyQn0LTaD6_njn3fS_xGVc4tXAyqXMrZRG8J7kp5OMTW6noePdFhnAHx8ZhjOGzcNmEdqwdZJPb-Pj7vYQPny8yr1faX9o/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>

   
   

   <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>

   
   

   Masukkan Kode iklan anda di sini

   
   

   </center>
   
   <script type="text/javascript">
   
   var gb = document.getElementById("gb");
   
   gb.style.center = (30-gb.offsetWidth).toString() + "px";
   
   </script></center></div></div>
7. Klik Simpan dan selesei.
   

Selamat Mencoba...

sumber : http://kolombloggratis.blogspot.com