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'>ganti http://www.saktobek.blogspot.com/ dengan url tujuan jika space iklan sobat di klik
</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/AVvXsEhxz24Bo_mh9Npfw8xfK1mDagj9eDgGs2hETFY11rbjoZwZhJLsPDAmuNpn_WPHqd-6pTdmJwghIRHP3fRAZ23CZBVgywq-wLZUxlKzpMMaWiIGZC1XRAVDaho1zhaT8fIOXkzZlO8tc54Q/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://www.saktobek.blogspot.com/" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3kzPR2gRAvNwYj_OqIlqOQecPBQQjvcqE_xpefHw2x_Q13RHmof1SYZyGtvGDmSsIiq7bxnq_g9eos7mmxZYHc86FFgdBNXCbmQBrMtP7fECP6kvpgXqYbiuPJ-875Db6Zh1u9epZVJM/s1600/advertise.jpg" /></a>
</center></p>
</p>
</div>
ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3kzPR2gRAvNwYj_OqIlqOQecPBQQjvcqE_xpefHw2x_Q13RHmof1SYZyGtvGDmSsIiq7bxnq_g9eos7mmxZYHc86FFgdBNXCbmQBrMtP7fECP6kvpgXqYbiuPJ-875Db6Zh1u9epZVJM/s1600/advertise.jpg dengan url gambar sobat
4.save widget
5.done!!!
0 komentar:
Posting Komentar