Skip to content Skip to sidebar Skip to footer

Widget HTML #1

Membuat Iklan Melayang dibawah blog dengan Tombol Close

Abuhaqqi.ID. Tips adsense kali ini adalah cara memasang iklan melayang dibawah blog dengan tombol close responsiv.

Model iklan ini akan tampil setelah halaman dibuka beberapa detik. Tampilannya juga tidak mengganggu pengunjung blog, karena ukurannya yang kecil dengan tombol close.

Caranya buka blog anda kemudian pilih tema lalu edit html, cari kode </body> agar mudah tekan ctrl+f pada keyboard komputer anda. Setelah ketemu paste kan kode dibawah ini tepat diatas kode </body>
<script type='text/javascript'>
        $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).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(&apos;floatads&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlyhUYbsQfyM-ob2e46pKufgDhSiyisSS7K3Hu2157y9qksSQhWNKuyazYhVVRqkLsqK8XB_xpAFbx8qpDvjshhRE78bxdyVozkVPG3piGBJaGixQVANOkytMQiFB3bx9omGV7h2r2IM/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-->
PASANG IKLAN ANDA DISINI
<!--Akhir script iklan-->
        </div>
</div><!--end: floating ads-->
  • Kode yang berwarna BIRU adalah lebar iklan, jika mau memasang iklan lebih lebar dari itu, misalnya 970px, ganti max-width:728 menjadi max-width:970px. Tetapi jika lebar iklan lebih kecildari 728px, tidak perlu mengganti ukuran tersebut. Ukuran iklan melayang dibawah blog yang dipakai pada blog Abuhaqqi.ID memakai ukuran 320x50px.
  • Kode yang berwarna MERAH adalah script iklan adsense yang didapat dari akun adsense kita.
Setelah itu save template anda dan lihat hasilnya.

Bagaimana, mudah kan cara memasang iklan melayang dibawah blog dengan tombol close. Selamat berkarya.