Membuat Iklan Melayang

Published by Kang Fathur Sunday, December 12, 2010

Halo sobat kang fatur semua. Dihari Minggu yang mendung sebelum saya melakukan Blogwalking ke tempat sahabat semua saya ingin meninggalkan sedikit coretan untuk para sahabat. Kali ini saya akan mengetengahkan cara membuat Iklan Melayang dengan Tombol Close 2 Kali. Walaupun postingan saya kali ini bukan suatu hal yang baru palagi bagi master-master tapi mudah-mudahan bagi yang pemula ini menjadikan suatu yang baru.

OK, sahabat semua saya tidak akan menjelaskan secara rinci tentang postingan ini karena mungkin para sobat sudah tahu, ngerti atau pernah menemukan mungkin juga melihat disahabat-sahabat lain apa itu Iklan Melayang.

Sekarang kita langsung meluncur ke tahap pemasangan OK

1. Seperti biasa LogIn ke Blogger sobat
   
2. Pergi ke Layout / Tata Letak
   
3. Kemudian "Tambah Gadget" di atas Header
   
4. Klik "HTML/Javascript
   
5. Kemudian masukan 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>
   
   Masukan Kode iklan atau Gambar yang Sobat ingin pasang di sini
   
   </center>
   
   <script type="text/javascript">
   var gb = document.getElementById("gb");
   gb.style.center = (30-gb.offsetWidth).toString() + "px";
   </script></center></div></div>

   
   
   
6. Klik Save/Simpan

KETERANGAN!!!
Masukan kode Iklan, gambar ataupun Widget Sobat yang lain pada bagian tulisan yang berwarna merah di atas.

Sekarang lihat hasilnya. Mudah bukan???

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI