o CARA PASANG IKLAN FLOATING MELAYANG 1 KALI CLOSE - Anakciremai

Header Ads

  • Breaking News

    CARA PASANG IKLAN FLOATING MELAYANG 1 KALI CLOSE

    Setelah membuat Cara Pasang Iklan Floating atau melayang pada blogspot Blogger dengan 2 kali klik tombol close, berikut Cara pasang iklan Floating atau iklan melayang dengan 1 kali tombol close, ikuti langkah pembuatan iklan floating 1 kali close berikut ini:
    1. Login ke Blogger.com
    2. Klik Design atau Tata Letak
    3. Klik Add a Gadget
    4. Klik add HTML / JavaScript
    5. Copy dan paste code JavaScript berikut:

    <style type="text/css">
    #gb{
    position:fixed;
    top:3px;
    right:3px;
    z-index:+1000;
    }
    * html #gb{position:relative;}


    .gbcontent{
    float:right;
    border:2px solid #A5BD51;
    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-100;
    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="javascript:showHideGB()">
    .: Close [Click 1 x]:.
    </a>
    </div>
    <center>

    ==============Area Pasang Iklan anda ==============
    <a href="http://www.anakciremai.com" target="_blank">Anakciremai
    ==============Area Pasang Iklan anda ==============
    </center>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (20-gb.offsetWidth).toString() + "px";
    </script></div></div>

    6. Klik Save Template
    7. Klik Save
    8. Selesai

    Untuk memberikan jarak antara tepi Browser dengan iklan anda yang perlu dirubah adalah kode di atas yang berwarna merah. right:3px; top:3px; ganti 3px dengan angka yang anda butuhkan.
    Untuk mengganti background iklan melayang silahkan ganti kode di atas yang berwarna biru.
    Untuk merubah posisi Iklan silahkan ganti kode berikut right:3px; dengan posisi anda misalnya left, center, right, lihat tanda warna Merah.

    7 comments:

    1. info keren....mau dicoba ah...

      ReplyDelete
    2. Makasih infonya mastah langsung dicoba nih..

      ReplyDelete
    3. Ketemu juga cara bikin iklan melayang makasih ea.

      ReplyDelete
    4. mkasih..
      sukses di laksanakan...

      ReplyDelete
    5. Next tutorial om..kunjungi blog saya dan minta solusinya

      ReplyDelete
    6. Kereta mini: Siap bos, Blognya mantap bos, semoga sukses jualan kereta mininya.

      ReplyDelete

    Silakan berkomentar di anakciremai.com, Maaf Jika komentar anda berbau spam akan saya hapus.

    Post Top Ad

    Post Bottom Ad

    7