Cara Pasang Iklan Melayang Responsive dengan Tombol Close di Blog


Yo, Kali ini saya akan bahas tentang cara memasang Iklan melayang di Blog, iklan melayang ini bersifat responsive, jadi jika dibuka di hp atau ukuran browser diperkecil, iklan ini akan menyesuaikan ukuran nya sendiri. Iklan melayang ini bisa di close, jadi jika sekiranya iklan ini mengganggu bagi para visitor, visitor bisa meng-close iklan ini.

Keuntungan membuat iklan melayang di blog:
  • Sebagai salah satu penghasilan Blog, jika ada yang memasang iklan di slot iklan melayang yang anda sediakan
  • Memudahkan iklan untuk dibaca, jadi bagi para pemasang iklan yang memasang iklan di slot iklan melayang ini, iklan nya akan mudah terbaca, oleh para visitor
          Langsung saja ke cara pembuatan nya:

Letakkan kode di bawah ini, di atas kode </body>


<script type='text/javascript'>
$(document).ready(function(){$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban'onclick='document.getElementById(&apos;fixedban&apos;).style.display =&apos;none&apos;;' style='cursor:pointer;'><img alt='close'src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi99ZwxVwigobpKeOH86gTspqeDb0k4zWHmu4gOKLROqqh9M1RtbnVMEOOr-Su8zCz4JZnnLgHo5Z5U7myRTd0mT0UYLCSWFvJOTMiHBBNXHyiWWZvamOclKhaj8KV7VFm69YPe0enVNv9F/s1600/btn_close.gif' title='closebutton' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWzJDoa99utinr30i5IKEKCyTu8H0vBZDP143kNo7-dY7ernIziNSxvuxjPWdM76_lIFEMZUdzH9-fhLRj6btEXNqNfycFptfJc0ojhSbXYobbDk7aVBUvN8np_cMZiEay9XUAdETJT-ve/s1600/arlina-tea.png'/></a>
</div>
</div>

Ganti lebar dan keterangan iklan, sesuai yang diinginkan
    

Sumber: http://www.arlinadzgn.com/2015/10/memasang-widget-iklan-melayang-responsive.html
Cara Pasang Iklan Melayang mudah, Cara Pasang Iklan Responsive, Cara Pasang Iklan dengan Tombol Close, Cara Pasang iklan melayang dengan tombol close

Post a Comment

Terima kasih sudah berkunjung di blog ini. Jika berkenan, mohon tinggalkan komentar dengan bahasa yang santun dan tanpa tautan. Semua komentar selalu dibaca meskipun tak semuanya dibalas. Harap maklum dan terima kasih :)

Previous Post Next Post