cara membuat iklan melayang di bawah blog dengan tombol close

sobat cb pengguna blogger yan telah memiliki banyak pengunjung tentunya ingin mendapatkan penghasilan melalui blog sobat dund!! cara pertama mendapatkan iklan di blog yaitu dengan cara memasang iklan PPC di blog!
atau membuat space iklan di blog sobat.
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 cara badut 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjodouovu0aGj7SJXQ8cr93QW2dK0PMaK0XCrBsB5JYKRlDAZ353Wkcl_l7u_SdUqTkzkJtGDqEfuqCJFI3dnI8RzJb8z6daSilAfiZ1ULVGfL4LtYCgHB8DKSTMYCsXT1PnxKaZQwNRU-F/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://www.carabadut.blogspot.com/2012/10/advertise.html" target=" blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqhMzFw8V_KCUw2-bccSlk6lHeF-MnVMCh0_BpgGxPXwaWm7dj6E3fuNcEsG4DHgzZk8g9PLjxpsziMwb8fofkXIlpkbeQ7e9E8lMSh6AbxufUflbt-j4icbnr-lvGPb2JWqJa8e20YSc/s1600/advertise.jpg" /></a>
</center></p>
</p>
</div>

 ganti http://www.carabadut.blogspot.com/2012/10/advertise.html dengan url tujuan jika space iklan sobat di klik

ganti https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqhMzFw8V_KCUw2-bccSlk6lHeF-MnVMCh0_BpgGxPXwaWm7dj6E3fuNcEsG4DHgzZk8g9PLjxpsziMwb8fofkXIlpkbeQ7e9E8lMSh6AbxufUflbt-j4icbnr-lvGPb2JWqJa8e20YSc/s1600/advertise.jpg dengan url gambar sobat 

4.save widget
5.done!!! 

contoh :

Description: cara membuat iklan melayang di bawah blog dengan tombol close Rating: 4.5

Artikel Terkait: