Cara Membuat iklan Melayang di Tengah Blog

Advertisemen

Cara Pasang/Membuat iklan Melayang di Tengah Blog - 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.

Mudah bukan sobat? tentunya sangat mudah sekali untuk dicoba, sekian dulu Cara Pasang/Membuat iklan Melayang di Tengah Blog, semoga bermanfaat. Good Luck

Advertisemen