Memasang Iklan Banner Melayang di Footer dengan Tombol Close

Memasang Iklan Banner Melayang di Footer dengan Tombol Close

1. Login ke akun Blogger sobat.
2. Masuk ke Tata Letak
3. Pilih Add Gadget dan pilih HTML
4. Copy Script berikut ini :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Syh09ZJdgBOFIba8nXTlYQn4WdxhXKC6bWYoOmVik1I09ppIy3TCMkkdRyA55c0EMTiI4wFUZJk-AKndo9u3VfuV4uj7rr0p1sTtl2k_Z79gU6jmAsfzgG3AhzvBDfhAA2QBwbvq3kdY/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="URL Tujuan" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIn1TAgdbNDnRqYFToBHtqWHsAZLU38ZvvrMWYSOwkNei10oUs0i-Mjwi3w4r8KG3z8htXJ3ID1Pyis6B510_3GUrvDrvg1S1GzoHmKmSCczNNz8xWZho74E1vlxhEs2RMueHfO8fVbc/s1600/banner-728x90.jpg" /></a>
</center></p>
</p>
</div>

Keterangan :
1. Kode warna merah adalah letak ukuran iklan banner, silahkan diganti
2. Kode warna biru adalah url tujuan iklan banner jika diklik
3. Kode warna pink adalah gambar iklan banner, silahkan ganti

Nah selamat mencoba untuk Cara Memasang Iklan Melayang di Footer Blog, dan semoga bermanfaat.

0 Comentarios

Follow Me On Instagram