Kode HTML Banner Iklan Melayang di Bawah Blog merupakan kode yang dirancang khusus untuk pengguna blogger / blogspot, untuk memasang banner iklan. Tujuan menambahkan banner iklan melayang di bawah blog adalah untuk menambah slot iklan atau sekedar menempatkan banner khusus, seperti pengumuman.
Uniknya, kode HTML ini sudah disertakan dengan tombol close (tanda x). Sehingga banner iklan tadi bisa dihilangkan oleh pengunjung blog.
Berikut cara penerapannya :
Buka halaman blogger > klik menu tata letak > tambahkan widget baru HTML/JavaScript > lalu tambahkan kode berikut.
<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://3.bp.blogspot.com/-6LAwZExOdHM/Xh7fAY_R5rI/AAAAAAAACB0/gHeIT7IiNKs51DmS34eoBwalg9tiL42AgCNcBGAsYHQ/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div> <div class='stickyzone'> <a href='https://www.bloggerkalteng.id' title='Banner iklan disini'><img alt='Banner iklan disini' src='https://1.bp.blogspot.com/-No_OydJX2ho/XnDVE9fpn8I/AAAAAAAAkBU/EcPP4Aat1BQCvXMEwzKzt2fhbRHLwEl-ACLcBGAsYHQ/s1600/bawah%2Bjudul.jpg'/></a> </div> </div>
Keterangan :
Kode yang ditandai dengan warna kuning sawo harus diganti dan disesuaikan dengan keperluan blog anda.
Tinggalkan komentar: