Membuat Iklan Melayang Dengan Tombol Close

Tips dan trik kali ini saya ingin berbagi cara Membuat Iklan Melayang Dengan Tombol Close. Untuk bentuknya, teman-teman mungkin sering melihat saat masuk dibeberapa blog/website, kolom iklan muncul di tengah halaman. Kadang cara beriklan begini bagi sebagian besar pengunjung merasa terganggu, tapi namanya juga usaha sah-sah saja untuk kelangsungan blog mereka. Mungkin teman tertarik ingin membuat iklan tersebut, berikut cara membuatnya

1. Seperti biasa login dulu ke akun Blogger, pada dashboard anda pilih Tata letak
2. Klik Add Gadget baru dan tambahkan HTML/Javascript
3. Silahkan Copy Paste kode berikut kedalamnya

<a onblur="try {parent.
    deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi586tYYrbN2HM5FsjEjMJCyN2nffLARWcy7TKaQoeQF_ziFRJrlrbVPghNqtbXE0jK2Mkiq5AtTtTm0QhECpibjkziEClwcyvLjdWUvyICnoMV9HphankKuzgbzgi_nrmq4qUSDcaTBak/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/AVvXsEi586tYYrbN2HM5FsjEjMJCyN2nffLARWcy7TKaQoeQF_ziFRJrlrbVPghNqtbXE0jK2Mkiq5AtTtTm0QhECpibjkziEClwcyvLjdWUvyICnoMV9HphankKuzgbzgi_nrmq4qUSDcaTBak/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 iklan atau Gambar yang anda inginkan di sini

    </center>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></center></div></div>

Text berwarna merah, silahkan anda ganti dengan kode iklan yang anda miliki, bisa juga anda memasukkan gambar atau text yang anda inginkan. Klik Save dan lihat hasilnya. Selamat mencoba membuat widget melayang di tengah blog.

Beri Kami +1 Agar Terus Semangat Menulis Untuk Anda :

Title : Membuat Iklan Melayang Dengan Tombol Close
Hati-Hati Jika ingin Copy-Paste (15 Blog Sudah TERHAPUS Akibat DMCA Takedown)..!
Pastikan Menyertakan Link Aktif Dofollow Dengan URL :
http://odyckdnero.blogspot.com/2012/02/membuat-iklan-melayang-dengan-tombol.html

Related Post