Cara Memasang Iklan Melayang Responsif Dengan Tombol Close

Baca Juga

Tips Blogger - CaraMemasang Iklan Melayang Responsif Dengan Tombol Close – kali ini saya akan berikan informasi mengenai cara memasang iklan melayang yang sudah responsif dengan tambahkan tombol close di bawah blog. Kebanyakkan orang membuat blog untuk meningkatkan penjualan toko online dengan memasang iklan mereka , ada juga yang ingin menghasilkan uang dengan menjadi Publisher iklan milik perusahaan seperti Google Adsense namun sedikit orang yang membuat Blogger untuk Hobi seperti saya :p . maka dari itu untuk mendukung aktivitas nge blog, sobat bisa memasang space iklan di blog untuk membantu advertiser mempromosikan produknya.

Iklan benner melayang atau pop up dengan tambahan tombol Close mungkin sering sobat temui di blog atau sebuah forum yang memasangnya. Tomblo close ini berfungsi sebagai alternatif jika pengunjung merasa terganggu karena konten yang ia baca terhalang benner iklan yang melayang.

Baca juga : Cara Memasang Kolom Komentar Terbaru dari Disqus

Cara Memasang Iklan Melayang Responsif Dengan Tombol Close

1. buka Blog sobat > Template > Edit HTML >  tambahkan kode di bawah ini di atas kode </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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm1MgNUEmtMfZiW8b2OBkZ3n4yOIpJKx3bDhH2vLoXJN2RzDfurghO96d2EmbPNXDoTIdAY4QfGIRfmMisC26mn0N3EjQ4ahBo9s6vnfp9JTM4YMb_LacrcYATMD_t4I0w520JgHYsoX2u/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/AVvXsEiBsHMQEaPXiCGzxcwPn2l-G6B-csO3HgOin3DhNHGDXqa8Q89hUeE6gcjCQZ24VIrYAJZr3orsvuVm_UT7DQ2F6uUQF6iDgwZjpOjKNsck8qIiSXhI82esK5fhLTwpqLneGakZF1awaoF9/s1600/arlina-tea.png'/></a>
</div>
</div>

Ganti lebar dan keterangan iklan pada kode yang di tandai sesuai keinginan.

2. simpan template dan lihat hasilnya.

Baca juga : Cara Membuat Like Box Facebook Dengan Fungsi Slide

Demikianlah tutorial mengenai Cara Memasang Iklan Melayang Responsif Dengan Tombol Close. Semoga menjadi ilmu yang bermanfaat dan selamat mencoba.