Memasang Menu Pop Up Melayang Di Blog

Ingin Tau Cara MembuatNya ??? , Langsung Saja Ikuti Langkah-langkah'a Dibawah ini :

• Login ke Blogger


• Masuk ke Rancangan --> Edit HTML


• Copy Dan Paste kode di bawah ini tepat di atas kode ]]></b:skin>
  
  
  
  
  
  #topbar{
  
  position:absolute;
  
  visibility: hidden;
  
  width: 350px;
  
  z-index: 100;
  
  padding:5px;
  
  background-color: #FFFFFF;
  
  border: 1px solid #333333;
  
  -moz-border-radius: 6px;
  
  -webkit-border-radius: 6px;
  
  margin:0 auto 10px;
  
  float:left;
  
  color: #505050;
  
  text-align: justify;
  
  font-size: 12px;
  
  font-family: Verdana, serif;
  
  }




• Kemudian Copy Dan Paste kode dibawah ini tepat diatas kode </head>
  
  
  
  
  
  
  <script src="http://s2.sigmirror.com/files/52659_xu57s/js_pop_up.js" type="text/javascript"></script>
  
  <script type="text/javascript">
  
  var persistclose=0
  
  var startX = 20
  
  var startY = 20
  
  var verticalpos="fromtop"
  
  </script>
  




• Dan Yang Terakhir Copy Dan Paste kode di bawah ini tepat di atas kode </body>
  
  
  
  
  
  
  
  <div id="topbar">
  
  <div align="right"><a href="" onclick="closebar(); return false"><img src="http://mortgage-education.com/Images/Close.png" /></a></div>
  
  Masukan Isi Dari Menu Pop Up Melayang Kalian Disini
  
  </div>
  

Atau Pakai Cara Yang Lebih Gampang Di Bawah Ini

• Login to Blogger kemudian pilih "Layout"


• Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).


• Kemudian Copy Paste kode dibawah ini :
  
  
  
  
  
  
  <style type="text/css">
  
  #gb{
  
  position:fixed;
  
  top:10px;
  
  z-index:+1000;
  
  }
  
  * html #gb{position:relative;}
  
  .gbcontent{
  
  float:right;
  
  border:2px solid #000000;
  
  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="http://bunghasta.blogspot.com/2010/04/memasang-menu-pop-up-melayang-di-blog.html"
  
  target="_blank">
  
  [Widget By hasta]
  
  </a>
  
  <a href="javascript:showHideGB()">
  
  .:[Close][Klik 2x]:.
  
  </a>
  
  </div>
  
  <center>
  
  
  
  Masukan Code Iklan Kamu Disini
  
  
  
  </center>
  
  <script type="text/javascript">
  
  var gb = document.getElementById("gb");
  
  gb.style.center = (30-gb.offsetWidth).toString() + "px";
  
  </script></div></div>
  
  
  

Keterangan :

• Untuk memasukan iklannya sobat ganti saja  Masukan Code Iklan Kamu  Disini


• Untuk mengatur tingginya top up saat di close pada 10px

Gampang kan???