Cara Memasang Iklan Melayang Di Blog Dengan Tombol Close

 

Cara Memasang Iklan Melayang di Footer dengan Tombol Close - kali ini iklan banner akan diletakkan/ditempatkan di footer blog. Jika anda ingin membuat dan memasang iklan di footer, langsung saja yuk simak cara membuat iklan banner melayang di footer blog dengan tombol close 1x saja.

Membuat Iklan Melayang di Footer Blog dengan Tombol Close 1x
1. Login ke blogger.com
2. Pada dashboard, pilih Tata Letak => Tambah Gadget
3. Pilih HTML/Javascript dan masukkan kode berikut kedalamnya

<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/AVvXsEif4ucVt5XIV4dDJFeSucE8HykQvSNHSXSHdwsx1YxPGHxziucOcgtmfqE8Evdp1hWCn9uQNmOnhWUdGpSztY48N9bSKdkQ94u3yayYpwbF6OOlM-Z5HWBM2c20NbyuI64sHbQkhFgBpfqE/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="URL Tujuan Jika Diklik" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOfReDcH7vk3HpRfDsDKMZlHfaW7_CX66CnFycV2E4MogcbM5yRZ0m_9O0rcJu8WWWas58W4GY53g1nu6uyltM-U2k5oQCRcBSHrMtVsb_ThDjs6RnVs2yu_AaTGwqXkVbAZmg7aATdiM/s1600/banner-728x90.jpg" /></a>
</center></p>
</p>
</div>

Keterangan :
1. Teks warna merah adalah ukuran iklan banner
2. Teks warna biru adalah url tujuan iklan banner jika diklik
3. Teks warna kuning adalah Url iklan banner

Demikian ulasan mengenai Cara Memasang Iklan Melayang di Footer dengan Tombol Close, semoga bermanfaat, happy blogging.