18 Okt 2011

iklan melayang di Blogger

Sering kali saya berkunjung kebeberapa blog dan menemukan iklan melayang seperti dibawah ini, saya jadi penasaran dan tertarik untuk mecoba trik ini karena saya fikir pasti dapat meningkatkan jumlah klik iklan, namun bagi anda para blogger yang pengen blognya kelihatan profesional saran saya jangan pake tips ini deh karena saya rasa posisinya mengganggu para pembaca dan penampilan blog jadi kurang profesional

Berikut langsung saja kita bahas bagai mana caranya membuat iklan melayang tersebut
  • Login ke akun Blogger.com
  • Masuk ke Tab tata letak
  • Klik elemen halaman
  • Klik tambah Gadget Pilih html/Java script
  • Kemudian Copy paste kode di bawah ini
    <a onblur="try {parent.
    deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-CbEy8yTUzK70d24THYhgXH4rm-dN9Bhyphenhyphen1SYKO9eVqPfW0-W1i-APvMsrz5SSJBF9ozSRo2gRHeRRtf9SOXN-aOJxp8GksV4nlm9txdxcYLwfLOadxSAhHuJAqcqR-pqedANq3x_AvA/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEin-CbEy8yTUzK70d24THYhgXH4rm-dN9Bhyphenhyphen1SYKO9eVqPfW0-W1i-APvMsrz5SSJBF9ozSRo2gRHeRRtf9SOXN-aOJxp8GksV4nlm9txdxcYLwfLOadxSAhHuJAqcqR-pqedANq3x_AvA/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a>


    <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>

    Masukan kode/script iklan anda di sini

    </center>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></center></div></div>
  • Letakkan Iklan atau Gambar anda pada Text yang berwarnah merah dibawah
  • Terakhir tombol simpan
Semoga berhasil.
Dapatkan Update Artikel RSS feed yang bermanfaat dari Saya, atau ikuti Saya di Twitter.
Email address:

1 komentar:

Oka Rizky Nirlandi mengatakan... at 20 Agustus 2014 pukul 09.03

itu iklannya harus di klik ya gan, baru ilang?

Posting Komentar