Wednesday, July 31, 2013

Cara Membuat Iklan Melayang Di Bawah Blog Dengan Tombol Close

 
cara membuat iklan melayang di bawah blog dengan tombol close - Halo sobat Sepetir Info ,Kali ini saya mau share tentang Cara Membuat Iklan Melayang Di Bawah Blog Dengan Tombol Close. space iklan merupakan ruang kosong untuk para pembaca menempatkan baner iklan mereka di blog sobat!
sobat bisa menempatkan space iklan sobat di sidebar, header , dan footer sobat.. kali ini saya akan berbagi cara membuat iklan di footer sobat!! space iklan berikut tidak menempel di template sobat. space iklan ini akan melayang di footer sobat dengan tombol close!!!

ok langsung ni sob ke cara membuatnya
1.login ke blog sobat
2.tata letak > tambah widget> HTML/JavaScript
3.tambahkan script berikut
<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="
http://ilmubloggersyahdan.blogspot.com/" target=" blank"><img src="http://4.bp.blogspot.com/-O6iujyhdmLo/ULGflfCB8II/AAAAAAAABZQ/B73y5yGQLGY/s1600/advertise.jpg" /></a>
</center></p>
</p>
</div>
 ganti http://ilmubloggersyahdan.blogspot.com/ dengan url tujuan jika space iklan sobat di klik

ganti http://4.bp.blogspot.com/-O6iujyhdmLo/ULGflfCB8II/AAAAAAAABZQ/B73y5yGQLGY/s1600/advertise.jpg dengan url gambar sobat

4.save widget
5.done!!!

2 comments:

luvne.com resepkuekeringku.com desainrumahnya.com yayasanbabysitterku.com