CARA PASANG IKLAN RESPONSIVE MELAYANG DIATAS FOOTER

Salah satu kelebihan pemilik blog, terlebih jika blognya ramai pengunjung adalah dia bisa memasang iklan di dalamnya. Pemilik blog tersebut bisa memasang iklan PPC, iklan adsense, atau bahkan iklan dari produk dia sendiri. Inilah keuntungan yang bisa didapat jika seseorang memiliki blog.

Setelah sahabat memiliki blog, apalagi blognya sudah ramai, sekarang sahabat bisa memasang iklan. Eits, jangan keburu memasang iklan sembarangan ya. Pertimbangkan dulu, dimana iklan tersebut akan dipasang. Hal ini akan mempengaruhi juga penampilan blog sahabat semua . Bayangin aja,. . Diantara tempat iklan yang baik adalah berada di samping header, di atas postingan, di bawah postingan, di tengah postingan, dan di posisi sidebar. Bahkan ada juga yang menaruh di bawah blog dengan melayang.

Sahabat tertarik untuk memasang iklan melayang di bawah blog? Atau, sahabat berkehendak untuk memasang iklan adsense melayang di bawah blog dengan responsive? Tenang saja, mudah sekali caranya.

Trik milik bung franki ini tergolong ampuh dan kelebihan lainnya adalah tidak begitu mempengaruhi loading blog sahabat. Mengingat resep ini tidak menggunakan jQuery. Kelebihan lagi, trik yang diterapkan disini bisa menghasilkan iklan yang responsive. Artinya, tetap enak dipandang di berbagai macam media, baik desktop, tablet, ataupun mobile.

Cara Membuat Iklan Responsive Melayang di Bawah Blog

Berikut adalah cara membuat iklan responsive melayang di bawah blog. Lakukan 3 langkah mudah ini, maka iklan sahabat siap tampil dan cepat alias tak malu-malu untuk menunjukkan dirinya:
Silahkan login ke blog sahabat, menuju template > edit HTML.
Cari kode </body> dan letakkan kode di bawah ini di atas kode </body> (Manfaatkan ctrl + F untuk memudahkan pencarian)

<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/AVvXsEiH_F5zCQJe76OCLmMFbLDEIFxMjQcgBYM8eEF9Jf2NmW6aKLK0vbhQe2aI0RnpJXpuRPQ27MnaODvLgOkoOQqMuEjMorXRmSBhIjlMid5He43GNX5kJYvBDbruOuDfaDFn2uwzBCReH_Y/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'>

<a href='ngonline06.blogspot.co.id' title='Banner Iklan'><img style='max-width:100%;height:auto' alt='Banner Iklan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis1TBxJYXPpK_u_h-Bmevhax7VPkbWrBvBTN26IFX5fLw59HX_yKsd_UibDuAvt_bkbvkH1ytdLW7dMk27fEOzdXCLAlgKSuD8UX_qkM7N4EEjiPzbNxepxq9bR2d2kcp0Iqoi6BnxLMo/s1600/advertise-728x90.png'/></a>
</div>
</div>

KETERANGAN;

Tulisan yang berwarna merah adalh tempat kode iklan ,sedangkan yng berwarna biru ukuran lebar yg bisa diubah