Dark
Beranda Tips Blogger Trik Blogger

Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive

Oleh Admin
11 Mar 2019
Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive -  baiklah kali ini aku akan share bagaimana cara memasang iklan melayang pada blog yang tentunya responsive, menampilkan iklan ini akan menambah impression adsense pada blog sahabat tentunya.

Banner ini dapat dipasang dengan gambar maupun adsense sahabat ibarat gambar diatas, blogger sekerang mempunyai 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, sahabat dapat juga mempromosikan produk orang lain maupun produk milik sahabat sendiri.

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

Oke eksklusif saja ke caranya...

Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive

Pertama sahabat masuk terlebih dahulu ke Blogger.com > Tema > Edit HTML copy arahan dibawah ini dan pastekan sempurna diatas arahan </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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzJBR5ryf80fnz2ji0H82ljfh_AdLKpxSyRauvPGQZzOtiMDukhrkGaKVwPRYLw17j6rtPcqivaEcOkXe2dIIfdBfuh8BSFjEOsEippcEt02bSq8wyNLs-lwaLe9qaDcCj2jaHi28__ltm/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKDxnrZh9xa_S5IHhZ1EeL0Jj6slOWB1bABRf70NWke-IdPeEQCdIz64idvwee1qMAUxG9yrCdgq9BjpQq_NtGYqJgxBqVrpn1K1am9qKojEuf5chYrR9kUhHmbJieWRJMuJUteMQo7hj6/s1600/AdSpace970x90.png'/></a> </div> </div>


Untuk banner yang ingin dipasang dengan adsense yang bertanda merah dapat diganti dengan arahan adsense sobat, atau dapat lihat arahan 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzJBR5ryf80fnz2ji0H82ljfh_AdLKpxSyRauvPGQZzOtiMDukhrkGaKVwPRYLw17j6rtPcqivaEcOkXe2dIIfdBfuh8BSFjEOsEippcEt02bSq8wyNLs-lwaLe9qaDcCj2jaHi28__ltm/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.

Oke sekian yang dapat aku sampaikan wacana Cara Memasang Banner Iklan Melayang Dengan Tombol Close Responsive Terima Kasih yang sudah berkunjung supaya bermanfaat bagi kalian semua.
Tags :
Berbagi :