dailyvideo

Pasang Iklan melayang pada Blog "PopUp Windows" disertai dengan Tombol Close

print this page Print this Tutor Shared This
Share




Mau tau cara pasang iklan melayang pada blog seperti punya web-by??? Gampang koq.

Ikutin langkah langkahnya ya...


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.web-by.net/2010/03/pasang-iklan-melayang-pada-blog-popup.html" target="_blank">
    [Widget By Web-by]
    </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

Gampang kan???
Happy Blogging With Web-by Guys

Posted by JONI PINEM on 9:51 PM. Filed under . You can follow any responses to this entry through the RSS 2.0

0 komentar for Pasang Iklan melayang pada Blog "PopUp Windows" disertai dengan Tombol Close

Post a Comment

Recent News

Populer News

Recent Comments

Facebook Fans

Photo Gallery

Lot of Visitors