Cara Membuat Iklan Melayang Dibawah Blog Dengan Tombol Close, 100% Responsive!

cara memasang atau membuat iklan melayang dibawah blog

Tutorial Blog

Tutorial Blog Kali ini akan membahas mengenai Cara membuat atau memasang iklan melayang dibawah blog dengan tombol close alias tutup yang sangat responsive.

Oya, asal muasal. Kode ini merupakan bagian javascript dan bukan dari bagian jQuery library yang dapat memperlambat blog Kalian atau membuat berat pada blog Kalian.

Dengan cara meletakan posisi iklan melayang dibawah blog dapat meningkatkan jumlah klik pada iklan Kalian.

Simak berikut ini mengenai cara membuat iklan melayang dibawah blog dengan tombol close responsive!

Baca Juga : Pasang Iklan Adsense Dibawah Judul dan Diakhir Postingan, 100% Berhasil!

Cara membuat atau memasang iklan melayang dibawah blog dengan tambahan tombol close, 100% responsive

Ikuti langkah langkah berikut dengan benar!

#1 Buka Akun Google Adsense Kalian.

#2 Ambil Kode Iklan, dan Parse Kode tersebut.

#3 Buka Blogger.com, Lalu Login kedalam. Pilih Tema -> EDIT HTML

#4 Cari Kode -> </body>

Baca Juga : Cara Jitu Pasang Iklan Adsense Ditengah Artikel!

#5 Ingat, Letakan kode dibawah ini di atas kode </body> (tepat diatas kode itu).

<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});
</script>

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Rshzz1Dix8NRCeqv7_yh-SLMXBT9PCU5lndAqB960h_fLCkrbzmgoad85gT_EAfiQqKyC_VTTHKJLn_jvgxNpPooDgK8OoPAg28iHwHEJXj6zWxWxMZUoqWqInZmQwiX8KcMWfPhlWE/s1600/btn_close.gif' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>

Paste Kode Iklan yang sudah diparse disini

</div>
</div>

Baca Juga : Cara Terbaru Diterima Google Adsense Non Hosted 2018

#6 Save Tema/Template Kalian. Cek Salah satu postingan Kalian!

Catatan : letakan kode iklan kalian dibawah kode . Dan Kalian bisa mengubah ubah size iklan kalian dengan mengganti anga'728px'.

Cukup sekian penjelasan mengenai cara membuat iklan melayang dibawah blog. Sampai ketemu di tutorial berikutnya..