Follow my Blog

Rabu, 24 Oktober 2012

Memasang Menu Pop Up Melayang


* Login ke Blogger
* Masuk ke Tata Letak --> 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
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3. 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://www.bunghasta.co.cc/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 Sobat 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 Sobat Disini *Untuk mengatur tingginya top up saat di close pada 10px

Tidak ada komentar:

Posting Komentar