Adsense - Membuat Iklan Melayang

Cara membuat iklan melayang dibawah blog yang ketika discroll akan tetap diposisinya

Hai, Tak berasa PenggemarKoding telah hadir sebagai situs penyedia konten bacaan menarik seputar Blogging selama satu tahun ini. Yap, PenggemarKoding didirikan pada 17 Juni 2019 silam. Terima kasih teruntuk kamu pembaca setia PenggemarKoding dari awal berdirinya situs ini atau baru mulai mengenal situs ini.

Kali ini Mimin ingin memberikan cara termudah dalam dunia Adsense, yaitu gimana cara membuat iklan melayang dibawah blog yang ketika discroll akan tetap diposisinya dan tentunya dilengkapi dengan tombol close agar tidak mengganggu pembaca blog kamu. Lalu bagaimana caranya? Yuk baca selengkapnya dibawah ini.

1. Code CSS [ Simpan code ini sebelum </head> ]

<style>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
left: 0;
background:white;
</style>


Baca Juga : Apa Itu Adsense


2. Script [ Simpan script ini sebelum </body> ]

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<style>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
left: 0;
background:white;
</style>
<div id='btm_banner'>
<center>
<a id='close-fixedban' onclick='document.getElementById(&apos;btm_banner&apos;).style.display = &apos;none&apos;;' style='cursor: pointer;'><img alt='close' src='https://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' style='vertical-align: middle;' title='close button'/></a>
  </center>
<center>
ISI KODE ADSENSE KAMU DISINI
</center>
  </div>

Penjelasan
Dengan mengunakan script seperti ini, maka iklan adsense kamu akan tetap dilihat oleh pengunjung blog kamu ketika pengunjung sedang membaca ataupun scroll konten di blog kamu. Jika Pengunjung blog merasa jika iklan seperti ini mengganggu, mereka bisa secara mandiri mengklik tutup iklan secara mudah.



Gimana? Tertarik untuk menggunakan tipe iklan seperti ini? Untuk mengambil kode iklan kamu, silahkan login ke akun adsense, selengkapnya lihat gambar berikut ini.


Ikuti saja petunjuk selengkapnya ketika kamu telah mengklik tautan nomor 2 berdasarkan gambar diatas. Copy semua code diatas save di template blog kamu. Dan lihat semua iklan bekerja dengan aman. Itulah cara membuat iklan melayang dibawah blog versi PenggemarKoding. Semoga bermanfaat dan terima kasih telah membaca.