Cara Memasang Iklan Melayang Responsive Dengan Tombol Tutup

Pada kesempatan kali ini saya akan share Cara Memasang Iklan Responsive Dengan Tombol Tutup yang mana bisa diterapkan pada blog dengan valid HTML5. 

Iklan seperti jenis ini bisa kamu temukan pada blog besar atau forum, dengan adanya tombol close ini maka pengunjung bisa menutup iklan apabila terganggu dengan iklan tersebut. 

Nah bagaimana caranya berikut ini adalah tutorial berikut ini.

Berikut Cara Memasang Iklan Melayang Responsive dengan Tombol Close

Buka Blogger > Template > Kemudian tambahkan kode di bawah ini sebelum </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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' 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='http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png'/></a>
</div>
</div>

Ganti lebar dan keterangan iklan pada kode yang ditandai sesuai keinginan.

Simpan template.

• Result

Demikian tentang Cara Memasang Iklan Melayang Responsive dengan Tombol Close, semoga bermanfaat bagi sobat semua.

Referensi : https://www.bungfrangki.com/2015/10/cara-membuat-iklan-melayang-di-blog.html

Share :