Iklan

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.


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
DONASI VIA PAYPAL Bantu berikan donasi jika artikelnya dirasa bermanfaat. Donasi akan digunakan untuk memperpanjang domain www.sudarblogger.web.id. Terima kasih.

0 Response to "Cara Memasang Iklan Melayang Responsive Dengan Tombol Tutup"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel