Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive

Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive - Selamat pagi pengunjung setia triksimple.com oke kali ini saya akan share bagaimana cara memasang iklan melayang pada blog yang tentunya responsive, para blogger tentunya seperti saya ini menampilkan iklan ini akan menambah impression adsense pada blog sobat tentunya.

Banner ini bisa dipasang dengan gambar maupun adsense sobat seperti gambar diatas, blogger sekerang memiliki tujuan yang berbeda - beda ada yang ingin menghasilkan uang sampingan, dikenal banyak orang, atau pun memang suka hobi menulis artikel, tentunya dengan memasang iklan banner di blog sobat, sobat bisa juga mempromosikan produk orang lain maupun produk milik sobat sendiri.

Banner diatas memiliki tombol close diatas iklannya gunanya untuk menghilangkan iklan tersebut jikalau pengunjung sobat risih atau tidak nyaman kalau ada iklan yang menghalangi saat pengunjung membaca artikel sobat.

Baca Juga : Cara Mudah Membuat Iklan Parallax Adsense di Blog

Oke langsung saja ke caranya...

Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive

Pertama sobat masuk terlebih dahulu ke Blogger.com > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat diatas kode </body> atau &lt;/body&gt;

<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>

Untuk banner yang ingin dipasang dengan adsense yang bertanda merah bisa diganti dengan kode adsense sobat, atau bisa lihat kode dibawah ini

<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'>

Paste Kode Adsense Disini!

</div>
</div>

Jika sudah klik simpan pada template sobat, dan lihat hasilnya.

Baca Juga : Cara Memasang Iklan Adsense di Tengah Postingan Artikel

Oke sekian yang bisa saya sampaikan tentang Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.