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://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 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???

Rabu, 28 April 2010

5 responses to Memasang Menu Pop Up Melayang Di Blog

  1. bagaiman cara install drumsite 1.7...........?
    balas cepet ...please........................

  2. wike top 40 says:

    kodenya gimana?
    tolong caranya dari awal..........

  3. maswardi says:

    mantab gan,
    selamat hari raya idul fitri bagi yang merayakannya, mohon maaf lahir dan batin

  4. hasta says:

    .@>wike top
    .itu kan dah jelas
    .dah ada kode.y
    .
    .

Posting Komentar