Memasang Fixed Banner Ads Responsive Dengan Tombol Close
Memasang Fixed Banner Ads Responsive Dengan Tombol Close - Kemarin kita sudah membuat tombol whatsapp melayang dan pada kesempatan ini kita akan membahas bagaimana membuat banner iklan melayang namun tidak menggangu tampilan halaman blog.
Sebagai admin kita harus cermat mengamati blog kita dan menempatkan widget sebagaimana mestinya agar tampilan halaman blog anda tetap terjaga alias rapih. Untuk itu jika kamu membutuhkan space buat iklan banner namun bingung penempatannya karena halaman anda sudah penuh, cobalah trik blogger yang satu ini.
Banner yang akan kita pasang ini persis melayang center di atas footer blog anda dengan menggunakan tombol close, sehingga bila pengunjung enggan melihat bannernya bisa langsung menutupnya.
Menurut saya Memasang Fixed Banner Ads Responsive Dengan Tombol Close, ini sangat efisien dan mungkin bila anda memerlukannya bisa coba dan simak langkahnya berikut ini.
Pertama tentunya sobat masuk keditor tempate (edit html) lalu cari kode </body> kemudian letakan kode ini di atasnya.
<script type='text/javascript'>
$(document).ready(function() {$('img#closed').click(function(){$('#bl_banner').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('fixedban').style.display = 'none';' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/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='Url Banner Anda'/></a>
</div>
</div>Save template.
Keterangan: Anda hanya perlu sesuaikan kode yang saya tandai, siapkan banner ukuran 728x90
Demikian informasi tentang Memasang Fixed Banner Ads Responsive Dengan Tombol Close, semoga bermanfaat dan coba juga Membuat Pesan Melayang Keren Ala Blog Jejak Unik.
Jejak Unik
Kumpulan Informasi Unik Menarik Dari Berbagai Belahan Dunia. www.jejakunik.com