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(){$('img#closed').click(function(){$('#bl_banner').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('fixedban').style.display
='none';'
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
Tags:
Teknologi