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://bung-hasta.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???

• 
• 
• 
• 
• 
• 
• 

Download Lagu Lagu BLACK DIT DOT

Baca Yang Ini Juga Yah