Cara Menciptakan Iklan Melayang Di Bawah Blog Dengan Tombol Close

Iklan float / melayang merupakan widget iklan yang sanggup tetap pada posisinya walaupun halaman pada blogger, wordpress, mywapblog, atau web di scroll / digerakkan ke atas maupun ke bawah yang bertujuan semoga iklan selalu tampil di halaman mana saja dari situs tersebut sehingga pengunjung sanggup melihat dan mengklik iklan ppc / berdikari yang dipasang. Sebelumnya aku ada share cara memasang iklan melayang di kanan kiri blog, nah kini untuk iklan melayang ukuran 728x90 di bawah tampilan blog dengan tombol close. Selain itu script ini juga mempunyai pengaruh responsive yang sanggup menciptakan iklan tidak terpotong pada tampilan semua device mobile/phone dengan ditambahkan beberapa instruksi CSS dan sedikit javascript semoga loading blogspot tidak berat.

Kali ini aku akan share gimana Cara Membuat Iklan Melayang Di Bawah Blog Dengan Tombol Close, silahkan ikuti tutorial langkah langkah berikut lengkap beserta gambarnya buat teman yang ingin pasang space iklan banner dibawah blog dengan pengaruh float dan responsive terbaru.

Cara Memasang Iklan Melayang Di Bawah Blog :

1. Buat iklan melayang menyerupai diatas adalah dengan cara masuk sajian Template dan klik Edit HTML

2. Kemudian cari instruksi </body> , gunakan Ctrl+F untuk memudahkan pencarian

3. Setelah itu masukkan script berikut sempurna diatas instruksi </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/AVvXsEiFZwXZGUvgN0xYydGuOpkuz712fPYH6hXrx3kFo7s36SiMpo7NyDlLBDQrIAl6u24i6f1i7EDq-64gKovdGd7JzuiVD3EsG2X4XzJuU1a_JmLEBTDuzDMgQDScID6xYhco8jsXY7-FfNA/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-->
<a href='http://gamepelajar.xyz' title='Pasang Iklan Disini'><img style='max-width:100%;height:auto' alt='Pasang Iklan Disini' src='https://s19.postimg.org/fj338k3tf/728x90.gif'/></a>
<!--Akhir script iklan-->
        </div>
 </div><!--end: floating ads-->

#Ganti instruksi warna merah dengan script banner iklan sobat

Jika sudah klik Simpan template.. Selesai dan lihat hasilnya

Nah itulah bagaimana cara menciptakan iklan melayang di bawah blog dengan tombol close secara cepat dan mudah.

Silahkan dicoba

Berbagi :