Breaking News
Loading...
March 11, 2013

Cara Memasang Iklan Melayang di Footer dengan Tombol Close

7:16 AM

Cara Memasang Iklan Melayang di Footer dengan Tombol Close
Cara Memasang Iklan Melayang di Footer dengan Tombol Close - Pada postingan sebelumnya saya juga pernah membahas tentang cara memasang iklan banner diatas header blog, nah 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='http://1.bp.blogspot.com/-XvA7La2fWQU/T8aIU5kxRnI/AAAAAAAAAJA/uw2dWruT2Yg/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="URL Tujuan Jika Diklik" target=" blank"><img src="http://4.bp.blogspot.com/-dKmgDY7U8fI/T9mhFYPzmII/AAAAAAAAAKM/BZWDhxwrQ54/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.

Cara Memasang Iklan Melayang di Footer dengan Tombol Close
Share:

1 comments:

 
Toggle Footer