Tutorial Cara Memasang Iklan Melayang (floating ads) Responsive Dengan Tombol Close Di Bawah Blog
Lagi cari artikel tentang cara memasang iklan melayang (fixed ad banner atau text) yang responsive yang dilengkapi dengan tombol close dibawah blog ?
Sebagai seorang blogger / webmaster baik yang membuat blog hanya untuk menyalurkan hobi, memasarkan produk dengan toko online, menghasilkan uang atau apapun alasannya. Jika blog rame, bisa saja ada advertiser yang ingin memasarkan produknya di blog yang dikelola. Untuk itu, memasang space iklan di blog bisa jadi salah satu alternatif mengais uang tambahan dari blog.
Iklan banner melayang dengan tombol close biasanya banyak diterapkan di blog para publisher sebagai adalah salah sarana untuk mempromosikan produk dari para advertiser.
Berikut ini Cara Memasang Iklan Melayang Responsive Dengan Tombol Close Di Bawah Blog
Script Iklan Melayang (Floating Ads):
<script type="text/javascript">
$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>
<!--start: floating ads-->
<div id="floatads" style="width:100%;margin:auto; text-align:center;float:none;overflow:hidden; display:scroll;position:fixed; bottom:0;z-index:9999">
<div><a id="close-floatads" onclick="document.getElementById('floatads').style.display = 'none';" style="cursor:pointer;"><img alt="close" src="https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/%20btn_close.gif" title="close button"></a></div>
<div style="text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto">
<!--Script iklan-->
<a href="https://alviya.com/wp-content/uploads/2019/02/cropped-alviya.com_-2.jpg" rell="nofollow" title="banner iklan melayang"><img src="https://alviya.com/wp-content/uploads/2019/02/cropped-alviya.com_-2.jpg" alt="banner iklan melayang" /></a>
<!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->
Keterangan :
- Ubah ukuran lebar max-width:728px sesuai ukuran yang diinginkan.
- Silakan ganti url gambar https://alviya.com/wp-content/uploads/2019/02/cropped-alviya.com_-2.jpg dengan url gambar iklan banner sobat.
- Jika menggunakan script iklan silakan ganti sesuaikan kode didalam tag < ! — script iklan — >SCRIPT IKLAN DISINI < ! — akhir script iklan — >
Menerapkan Script banner iklan melayang di blogspot dan WordPress :
Di Blogspot / Blogger.com :
Login akun blogger >> Template >> HTML dan taruh scrip tepat sebelum tag </body>.
Di WordPress Dengan Plugin Adinserter :
Login ke WordPress doamin,com/wp-admin >> Plugin dan instal plugin AdInserter >> Setting >> AdInserter >> Block Ads lalu taruh script iklan melayang yang saya tuliskan diatas kedalam block ads >> Display in Footer
Jika kurang jelas, bisa lihat gambar dibawah ini ;

Sobat blogger, itulah tutorial tentang cara memasang iklan melayang responsive dengan tombol close di bawah blog.
Disclaimer
Kami tidak menjamin informasi tentang cara memasang iklan melayang yang responsive dengan tombol close di bawah blog yang disajikan blog alviyatun 100% berfungsi dengan cms blog sobat dan kami tidak bertanggung jawab dengan informasi/data yang disajikan melalui dari blog ini ke link lain meski sudah berusaha untuk menyempurnakan data serinci mungkin.
www.alviya.com