Cara Membuat Iklan Melayang di Bawah Blogger dengan Tombol Close - Zona Info

Cara Membuat Iklan Melayang di Bawah Blogger dengan Tombol Close - Halo sobat blogger semuanya, iklan melayang atau floating ads merupakan widget iklan yang tetap pada posisinya, walaupun halaman atau postingan blogger, wordpress, dan web di scroll atau di gerakkan ke atas maupun ke bawah.

Tujuan penempatan floating ads adalah agar iklan selalu tampil di halaman mana saja dari situs tersebut sehingga pengunjung dapat melihat dan mengklik iklan ppc yang dipasang tersebut.

Sebelumnya saya sudah membagikan tutorial Cara Memasang atau Membuat Iklan Melayang di Tengah Blog , nah pada postingan kali ini, ZonaInfo akan membagikan tutorial tentang Cara Memasang Iklan Adsense (Banner atau text) Melayang di Footer atau Bawah Blog.

Penempatan iklan ini sudah responsive dan memiliki fitur tombol close. Tombol Close ini berfungsi sebagai alternatif jika pengunjung atau audience blog terasa terganggu, karena konten blog yang di baca terhalang atau tertutup oleh iklan banner yang melayang di bawah blog.

Memasang Iklan Melayang (Floating Ads) di Bawah Blogger dengan Tombol Close

Langkah Pertama

Buka Blogger, lalu buka Template > Edit HTML. Setelah itu masukkan kode di bawah ini sebelum atau 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/AVvXsEioAo7Z9FMs0CzpV3UauO_JJah3QpeQMymve10dMBoiygq46Pf2En7EUtWEfjSHnLq8yJxAMbg48NE2utu55amD38EE1Rw7AkEZrJwqCyk_WTbXSw7UlX1QPL7pVya1yjhdtBTdZHKxkf32/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'>
<!-- Kode Iklan -->
</div>
</div>

Langkah Kedua

Ganti script  (yang berwarna merah) dengan kode iklan sobat yang telah Di Parse terlebih dahulu. Untuk mem-parse kode iklan sobat, bisa klik disini.

Langkah Ketiga atau Terakhir

Setelah semua sudah di lakukan, maka langkah selanjutnya adalah Klik Simpan Tema, lalu lihat apakah iklan bannernya sudah melayang di bawah blog atau belum.

Script ini bukan hanya menampilkan iklan dari Google Adsense saja, namun bisa menampilkan apa saja yang ingin Anda tampilkan. Seperti Kotak Email Berlanggan, dll

Khusus bagi sobat yang sebagai publisher Adsense, jangan terlalu lama memasang Iklan Melayang di bawah blog, karena takutnya kena strike atau pelanggaran dari Google. Saran dari Saya, pasang iklan melayang ini selama 8 jam atau jika trafik blog sobat sedang ramai pengunjung.

Penutup

Semoga Tutorial kali ini dapat bermanfaat dan dapat membantu mendapatkan penghasilan pundi-pundi uang yang lebih. Jika kalian suka, kalian bisa share artikel ini ke teman-teman kalian. Dan jangan lupa klik Berlangganan di Kotak Email Berlangganan di bawah, untuk mendapatkan update artikel lainnya. Terimakasih.

--------------------------------------------------------------------------------------------------------------------------