Berikut ini adalah cara membuat iklan melayang di bawah blog dengan tombol close, seperti dikutip dari http://andoxsz.blogspot.com :
1. Seperti biasa, bukalah akun Blog Anda kawan
2. Masuk ke Setting (layout atau Tata Letak) template blog anda.
3. Pilih Add Widget atau Tambah Gadget pilih HTML / Javascript
4. Copy atau salinlah Kode Script di bawah ini, dan pastekan langsung ke widget baru blog anda
2. Masuk ke Setting (layout atau Tata Letak) template blog anda.
3. Pilih Add Widget atau Tambah Gadget pilih HTML / Javascript
4. Copy atau salinlah Kode Script di bawah ini, dan pastekan langsung ke widget baru blog 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: 90px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 6px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhMR0WxIkw4tzWL_c9DyZyymXvhh3_4SVMEG0NrY53IeDugNx5F6YfCs9ARqZh6_HuDk0dS3Q2XzlSjZYOEC8ppKKbMe7ikBN3hkyblsAXAIKhlw0UvPRhhqhhRIb-hcXDgMDJseNAbl4Y/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://s1328.photobucket.com/user/andoxsz/media/728x90_zps8c460f01.png.html" target="_blank"><img src="http://i1328.photobucket.com/albums/w530/andoxsz/728x90_zps8c460f01.png" border="0" alt=" photo 728x90_zps8c460f01.png"/></a>
</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/AVvXsEhhMR0WxIkw4tzWL_c9DyZyymXvhh3_4SVMEG0NrY53IeDugNx5F6YfCs9ARqZh6_HuDk0dS3Q2XzlSjZYOEC8ppKKbMe7ikBN3hkyblsAXAIKhlw0UvPRhhqhhRIb-hcXDgMDJseNAbl4Y/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="http://s1328.photobucket.com/user/andoxsz/media/728x90_zps8c460f01.png.html" target="_blank"><img src="http://i1328.photobucket.com/albums/w530/andoxsz/728x90_zps8c460f01.png" border="0" alt=" photo 728x90_zps8c460f01.png"/></a>
</center></p>
</p>
</div>
</p>
</div>
5. Simpan
6. Selesai
Catatan :
6. Selesai
Catatan :
- Ganti tulisan yang berwarna merah dengan script iklan yang anda pasang.
- Usahakan ukuran iklan 728 x 90 pixel
0 komentar:
Post a Comment