Memasang Iklan Melayang Responsive dengan Tombol Close


IMADOES.COM - Memasang Iklan Melayang Responsive dengan Tombol Close || Membuat konten melayang sering digunakan untuk menempatkan iklan. Atau juga untuk menempatkan share button melayang dimana konten ini akan selalu berada di layar walaupun halaman discroll kebawah. dengan cara ini akan memaksa pengunjung untuk selalu melihat konten tersebut.

Cara membuat konten melayang ini sangat sederhana, dimana prinsipnya hanya hanya menambahkan beberapa list kode. Mari ikuti saja langkahnya

Buka Blogger > Template > Kemudian tambahkan kode berikut 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/AVvXsEj3QdJOE2JTsSb-u608CnTbP3w3ZvzK4bwqMOC-H7OkHr3pQq-pZ18Ke2J1Qpxvyl-KWES-SQGXgJoZATZGDbBpF-XEaR41QSh75OIzpIzGifF4DPD2MywGC5oPEWgARqLfdZxUVqNnFqKi/s1600/btn_close.gif' style='vertical-align:middle;' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='https://www.facebook.com/ohanamitravel/' title='Banner iklan disini'><img alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQF00NPmcTq61GLilV8kqfJnw5xygTlM-y130i6k5EMvuW2hWXtNLOZmHN9-KrBrF_A7EEwSWlx5XzsxJf0amEw28N-QhPQPqqiHOmEhEl1GVJljhvCI4DPaR8liqMOYSAiNKR0WSOWiEi/s1600/iklan+banner.png' style='max-width:100%;height:auto;vertical-align:middle;'/></a>
</div>
</div>
Silakan anda coba trik membuat konten melayang tersebut, anda bisa menggunakannya untuk iklan atau konten lainnya yang ingin selalu dilihat pengunjung.

Tidak ada komentar untuk "Memasang Iklan Melayang Responsive dengan Tombol Close"