Yuk kita sekarang coba Cara Memasang Banner Iklan Melayang Dengan Tombol Close.
Buat kawan yang suka mengutak atik untuk keindahan blognya bisa
dicoba tips ini Cara Memasang Banner Iklan Melayang Dengan Tombol Close. Fungsi tombol close disini agar pengunjung
tidak terhalang oleh iklan ini, yuk kita mulai tahapannya :
Cara Memasang Banner Iklan Melayang
1. Login ke akun blogger sobat
2. Pada Dasbor, pilih blog yang akan dikasih iklan footer.
3. Klik Tata Letak
4. Klik Tambah Gadget, setelah itu muncul jendela munculan dan pilih opsi
HTML/Javascript
5. Copas kode dibawah ini.
2. Pada Dasbor, pilih blog yang akan dikasih iklan footer.
3. Klik Tata Letak
4. Klik Tambah Gadget, setelah itu muncul jendela munculan dan pilih opsi
HTML/Javascript
5. Copas kode dibawah ini.
<!– AWAL FOOTER IKLAN –>
<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: 110px; z-index: 9999;’>
<div style=’text-align: left; width: 735px; margin-left:5px;’>
<img id=’closed’ src=’http://cdn.apriebn.com/close.png’/></div>
<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: 110px; z-index: 9999;’>
<div style=’text-align: left; width: 735px; margin-left:5px;’>
<img id=’closed’ src=’http://cdn.apriebn.com/close.png’/></div>
vertical-align:
baseline;"><div style=’clear: both;’></div>
<p>
<p><center>
IKLAN BANNER ANDA TARUH DISINI!
</center></p>
</p>
</div>
<!– AKHIR FOOTER IKLAN –>
<p>
<p><center>
IKLAN BANNER ANDA TARUH DISINI!
</center></p>
</p>
</div>
<!– AKHIR FOOTER IKLAN –>
6. Klik Simpan
Untuk tulisan berwarna biru silahkan di isi dengan kode banner iklan anda
Untuk tulisan berwarna biru silahkan di isi dengan kode banner iklan anda
2 komentar:
thanks gan, membantu banget..
salam kenal
Sama-sama, Thanks atas kunjungannya Sob
Posting Komentar