Membuat Iklan Melayang atau Float yang Responsive

Cara membuat Iklan Melayang atau juga disebut float yang responsive dan keren. Agar iklan tersebut muncul dari bawah halaman setiap kali kita mengunjungi Website atau Blog.

Float ini biasanya berisi Content Iklan dengan posisi yang bagus karena pasti pertama terlihat oleh pengunjung Website atau Blog kita. Berharap agar pengunjung membantu kita mengklik iklan tersebut.

Jika anda ingin memasangnya juga silahkan ikuti langkah-langkah pembuatannya :

Buka Blogger
Pilih Tab Template
Edit Template tersebut dengan tambahkan kode dibawah ini sebelum </body>

<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvxvaV34TUmxsmN9IRS4Kx5Q8YhPxcwGAQ9e-9tPOAlVefegwCewCdfY8R6hCdboCtoAfrmc7j2DlyfKwzOZm871_U1wcntnXO2jmBDwZ6xhf3VjpKYDGPyAuUCJs0jibcCoD2c0RLEn0a/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png'/></a>
</div>
</div>