Cara Memasang Iklan Melayang + Tombol Close Di Footer Blog
Sunday, January 5, 2014
Add Comment
Cara memasang iklan melayang di footer dengan tombol close - Tutorial blog mengenai penempatan iklan di footer blog ditambah tombol close memang terlihat menarik untuk dipasang di blog. Anda niscaya sering melihat di blog orang lain ada iklan melayang di footer dan juga iklan melayang di header blog. Nah untuk anda yang ingin memasang script iklan banner melayang di footer blog plus tombol close, silahkan simak tutorialnya dibawah ini.
Baca juga : Cara memasang iklan adsense di tengah artikel blog
Cara Memasang Iklan Melayang dengan Tombol Close di Footer Blog
1. Login ke blogger.com
2. Pilih Tata Letak => Tambah Gadget
3. Pilih HTML/Javascript kemudian paste arahan berikut ini
<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/AVvXsEhNcoeXxxPhxyyGqEwqGGU0Q0kOVPN04FQHGb3O46AFlhgmwtRiFMeXFf6PapZawsuasAyoTsGU6LrAAtZcMrjAEuakGwJml95qkOz5-MsdonvIgnX2tr4QEW8A0fVctZlH-Fx4tXOXN7Tb/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="https://duniaspirito.blogspot.com/" target=" blank"><img src="URL gambar anda" /></a>
</center></p>
</p>
</div>
Keterangan :
1. Teks warna merah yakni ukuran iklan banner
2. Teks warna biru yakni url iklan banner
0 Response to "Cara Memasang Iklan Melayang + Tombol Close Di Footer Blog"
Post a Comment