Pasang Iklan Melayang Di Footer Dengan Tombol Close

Pasang Iklan Melayang Di Footer Dengan Tombol Close | Selamat malam Pengguna D-UNGU. Meskipun telah larut malam tetapi admin D-UNGU ingin share nih tentang  Cara Pasang Iklan Melayang Di Footer Dengan Tombol Close. banyak mungkin diantaranya yang sudah pernah melihat ini tetapi belum tau caranya.
Maka dari itu admin D-UNGU ingin berbagi caranya agar semua bisa tau. baik itu yang memang sudah tau tetapi lupa ataupun yang memang tidak tau sama sekali. ya kita sama-sama belajar lah. Adapun cara-caranya slahkan agan lihat di bawah ini :

1. Masuk ke Blogger.com
2. Pilih Tata Letak >> Tambah Gadget >> HTML
3. Masukkan Javascript dibawah 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='http://1.bp.blogspot.com/-XvA7La2fWQU/T8aIU5kxRnI/AAAAAAAAAJA/uw2dWruT2Yg/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
<a href="URL Yang Dituju" target=" blank"><img src="http://3.bp.blogspot.com/_MEsEZn8gZxw/TFuGFYD8xoI/AAAAAAAAECM/FjqpiSXvBLQ/s1600/New+Google+728X90+Ad+Panel.jpg" /></a>
</center></p>
</p>
</div>
4. Simpan dan selesai . . .

Keterangan :
*Untuk yang berwarna Biru adalah tinggi dan lebar banner
*Untuk yang berwarna Hijau adalah URL Yang akan dituju
*Untuk yang berwarna Merah adalah URL gambar banner


Apabila postingan diatas terasa membantu silahkan share ke teman maupun yang lainnya agar ilmu yang kitadapatkan bermanfaat . . .
Post a Comment