Berikut langkah cara membuat space iklan melayang di bawah blog :
1. Login akun blogger Anda.
2. Pilih menu tab Tata Letak > Tambahkan Gadget > HTML/JavaScript.
3. Copy paste kode berikut pada gadget HTML/JavaScript.
<!-- floating ads http://id-pemula.blogspot.com/ -->
<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: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLKcM-JKwsGb6rzacexzzz9KLURvSHCTF0oLnx7sJ2DHTbcj9f63SfHUEdLzzcdTmDDEOboYh1QqqdHbMcgYuKT34Lu1i6Orzwdu7rP-FPLV4catvUd2BIffgKuPvvrW7uMcZvnwpBPt_u/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
</center></p>
</p>
</div>
NB : Ganti tulisan yang berwarna merah dengan script iklan Anda.<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: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLKcM-JKwsGb6rzacexzzz9KLURvSHCTF0oLnx7sJ2DHTbcj9f63SfHUEdLzzcdTmDDEOboYh1QqqdHbMcgYuKT34Lu1i6Orzwdu7rP-FPLV4catvUd2BIffgKuPvvrW7uMcZvnwpBPt_u/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Letakkan kode iklan AdSense Anda disini!
</center></p>
</p>
</div>
4. Kemudian Simpan.
Nah, semoga informasi membuat space iklan melayang di bawah blog dapat membantu!
bermanfaat banget
ReplyDeletevisit back ya ^_^
Thank's info nya gan ,,
ReplyDeleteknjungan balik ya :)
terimakasih gan.
ReplyDeletesekarang sudah nempel. dan memang itu yang saya mau.
http://kutempel.blogspot.com
http://pedeh.blogspot.com
ReplyDeletemantab gan infonya
ReplyDeletehttp://keluaransingapur.blogspot.com/
oke deh boss nanti di coba deh ,,, kunbal ya ,, hehe www.mahadewapulsa.com
ReplyDeletemampir ya heheh http://bloggersemende.blogspot.com/
ReplyDeletewah keren nih tutornya, thanks gan
ReplyDeletewww.uwedzblog.com
Menteb gan
ReplyDeleteBlog Sejuta Umat
Mantab
ReplyDeletekeren bos.., sering2 pos aja bos.., buat refren kita2
ReplyDeleteWah mantep nih bisa di coba..
ReplyDeletehttp://www.gadgetandroidz.com
mantep..
ReplyDeletegan, kalo pengen width nya 1000px dan center gimana ya ? thanks
Mampir jg y mas trikmitos.blogspot.com
ReplyDeleteIseng iseng mau nyoba ah :)
ReplyDelete