Tujuan menambahkan banner iklan melayang di bawah blog adalah untuk menambah slot iklan atau sekedar menempatkan banner khusus, seperti pengumuman dan sekedar iseng. Bisa jadi. hehe
Uniknya, kode HTML ini sudah disertakan dengan tombol close (tanda x). Sehingga banner iklan tadi bisa dihilangkan oleh pengunjung blog.
Nah, berikut ini cara memasang Banner Iklan Melayang di Bawah Blog dengan kode HTML.
Buka halaman blogger > klik menu tata letak > tambahkan widget baru HTML/JavaScript > lalu tambahkan kode berikut.
Silakan edit bagian yang ditandai :
<style type='text/css'> .stickywrap{width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:9999} .stickyzone{text-align:center;display:block;max-width:970px;height:auto;overflow:hidden;margin:auto} .stickyzone img{max-width:100%;height:auto;vertical-align:middle} .stickyclose{cursor:pointer;text-align:center} </style> <script type='text/javascript'> $(document).ready(function({$('img#closed').click(function(){$('#bl_banner').hide(90);});}); </script> <div id='stickyb' class='stickywrap'> <div><a id='close-stickyb' onclick='document.getElementById('stickyb').style.display = 'none';'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6FiJMjptvxst7iDKXRY5auS9Z6s1qcoMm1H1IOnYtHC_FVBCfmjel3RjVaPoZcG8qVSUcG6kUyksB-pex3OBnSHPmkV-S_v8M114OKes11VDV5SeBDYpMUaDEYM-7JjyUuLaV_mih9plL/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div> <div class='stickyzone'> <a href='#' title='Banner iklan disini'><img alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFd0SQY5VKkK0XPjEXIlaN81pJGjxtIB6WyepVG-Iobeo71lxD79-Bm1jqfMPsMIu6MaABP16WMV1YhJLEpdBnuL9Gt7d-UbRhs1Yxx_LxjrMyHEDc3ZNsclDXuoOhq58hOYQl7sfN7s5T/s1600/bawah+judul.jpg'/></a> </div> </div>
# merupakan link yang ingin dituju (misalnya bloggerkalteng.id)
Banner iklan disini nama banner (iklan jasa website)
sesudah kode src= adalah link banner iklan.
Kemudian klik simpan. Klik tombol demo di bawah ini untuk melihat hasilnya.
debu yandi | Blogger kalteng