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'>Baca Juga : Cara Terbaru Diterima Google Adsense Non Hosted 2018
$(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://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'>
<!--Script iklan-->
Paste Kode Iklan yang sudah diparse disini
<!--Akhir script iklan-->
</div>
</div><!--end: floating ads-->
#6 Save Tema/Template Kalian. Cek Salah satu postingan Kalian!
Catatan : letakan kode iklan kalian dibawah kode <!--Script Iklan-->. 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..
5 comments
Write commentsmantap gan infonya, bisa menambah keuntungan nih hehe
Replymampir balik ya gan ke AnakSosial.com terimakasih
Thanks gan sudah menyempatkan waktu untuk mampir diblog ini :)
ReplyCara Membuat Iklan Melayang Responsive Dibawah Blog
ReplyWah akhirnya nemu juga yang responseve nih.
ReplyJangan lupa mampir ke otoponsel. Com
test test gand...makasih ilmunya
ReplyEmoticonEmoticon