Sabtu, 17 Desember 2016

Cara Pasang/Membuat iklan Melayang di Tengah Blog anda

http://lexsuszero.blogspot.co.id/  Banyak cara untuk memasang iklan blog dengan penempatan sesuai keinginan sobat, misalnya disidebar atau dibawah judul postingan blog dll. seperti postingan saya kemarin juga tentang peletakan iklan diantaranya: Cara Pasang Iklan Otomatis dibawah Postingan, Cara Memasang IKLAN dibawah Judul Postingan Blog. pemasangan dengan cara ini bertujuan untuk menambah banyaknya klik iklan oleh pengunjung kita.

Nah,, Jika sobat tertarik dengan Cara Pasang/Membuat iklan Melayang di Tengah Blog, sobat ikuti tutorial dibawah ini:

:Cara Pasang/Membuat iklan Melayang di Tengah Blog::

1. Login Blog sobat.
2. Pada bagian Dasbor pilih tata letak
3. Tambah Widget atau Add Gadget, kemudian pilih HTML/Javascript
4. Setelah itu, Copy Paste script dibawah ini.

    <style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    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;
    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 Klik 2X
    </a>
    </div>
    <center>

    KODE SCRIPT IKLAN SOBAT

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></center></div></div>
5. Langkah terakhir, tinggal sobat SAVE.

lihat hasilnya sendiri kalau belum ngerti baca ulang lagi tutorialnya





0 komentar:

Posting Komentar

 
Kazeros © 2011 Templates | uzanc