Dede Rosadi Blog

Jasa Pembuatan Toko Online Seo Dan Review Produk Online

Tutorial Menciptakan Iklan Melayang Di Pojok

No ratings yet.

Selain dengan menciptakan iklan melayang dengan tombol close atau iklan melayang di atas header, teman juga bisa membuat iklan melayang di pojok blog untuk meningkatkan earning dari iklan.

Dengan menciptakan

iklan melayang di pojok blog

maka iklan tersebut tidak terlalu mengganggu pengunjung, apalagi kalau di kasih opsi close.

Tutorial Membuat Iklan Meyang Dengan Tombol Close  Tutorial Membuat Iklan Melayang Di Pojok

Langsung saja, memberikankut ini

Tutorial menciptakan iklan melayang di pojok dengan tombol close

  1. Seperti biasa, login dulu ke blogger.
  2. Langkah selanjutnya ialah menciptakan css untuk iklan melayang di pojok blog ini.
  3. Copy paste isyarat memberikankut dan letakkan di atas isyarat ]]></b:skin> pada template sobat

    #bottom-right {position:fixed;_position:absolute;top:0px; right:0px;
    clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth);}

    .gbcontent{
    float:right;border:2px solid #ffffff;background:#ffffff;padding:10px;
    }

  4. Setelah menciptakan css untuk iklan melayang tersebut, langkah selanjutnya ialah memasang iklan, cari isyarat </body> dan letakkan isyarat memberikankut ini di atas isyarat </body>:

    <script type='text/javascript'>
    function showHideGB(){
    var gb = document.getElementById(&quot;bottom-right&quot;);
    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(&quot;bottom-right&quot;).style.display = &quot;none&quot;;
    var dx = Math.abs(x0-xf) &gt; 10 ? 5 : 1;
    var dir = xf&gt;x0 ? 1 : -1;
    var x = x0 + dx * dir-100;
    gb.style.top = x.toString() + &quot;px&quot;;
    if(x0!=xf){setTimeout(&quot;moveGB(&quot;+x+&quot;, &quot;+xf+&quot;)&quot;, 10);}
    }
    </script>
    <div id='bottom-right'>
    <div style='text-align:right'>
    <a href='javascript: void(0)' onclick='showHideGB()'><img alt='close' border='0' height='13' src='http://3.bp.blogspot.com/-1sJcIXu3ijI/T0s3E0XiSvI/AAAAAAAAAwE/VxlEnEvqeD0/s200/close.png' title='Close' width='49'/></a>
    </div>
    Kode Iklan Yang Sudah Di Parse
    </div>

  5. Save dan lihat hasilnya.

Tulisan yang berwarna merah (bottom-right) ialah nama (id) div yang sudah kita deklarasikan sebelumnya, teman juga bisa merubah gambar tombol close untuk mempercantik iklan melayang di pojok ini sesuai dengan gambar yang teman inginkan.

Semoga memberi manfaat dan agar juga dengan iklan melayang di pojok ini bisa meningkatkan earning teman 🙂

Please rate this

Updated: 6 Januari 2019 — 14:53

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Sikartun Blog © 2018 Frontier Theme