Kode HTML Banner Iklan Melayang di Bawah Blog

1 min read

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({$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script> <div id='stickyb' class='stickywrap'> <div><a id='close-stickyb' onclick='document.getElementById(&apos;stickyb&apos;).style.display = &apos;none&apos;;'><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.

Pada tahun 2010 saya memulai membangun sebuah blog. Belajar menulis, mengedit, dan belajar hal-hal baru seperti desain grafis dengan corel draw, membangun web hingga menerima jasa pembuatan web, video editing, dan content creator. Saya juga pekerja freelance pada bidang komunikasi dan mobilisasi sosial. Mari Berteman!

Tinggalkan Balasan

Your email address will not be published.

Previous Story

Kode HTML Banner Iklan Blogspot dan WordPress

Next Story

Blogger pemula harus mulai dari blogspot

Latest from Blog