Cara Membuat Iklan Footer Melayang dengan Tombol Closed

Bookmark and Share
Membuat Iklan Footer Melayang dengan Tombol Closed - Begitu banyak iklan yang terpasang pada  blog saya ini,yang bisa membuat ketidak nyamanan anda sebagai pengunjung,memaksa saya untuk menambah kode khusus agar iklan tsb bs di clos.Setelah jungkir balik mencari tutorial nya,akhir nya nemu juga,dan artikel tsb juga saya publish untuk dukumentasi bagi saya,dan juga bagi pembaca blog ini

Tanpa panjang lebar lagi, inilah skript iklan melayang (fixed) di bagian footer:

<!-- 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: 100px; z-index: 9999;'>
<div style='text-align: right; width: 730px; height: 3px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSJvmlQdmWEZMvwgdx9h9x2MB2Gh8VFg0R1MpJNpOz5Sqp-GfGaIztsEphUid-pyrEcFmrt9mmj7XftBZlCuRdyTyaWNosqNGQzQ_UVx0avTFHwjrPIOstCO1bfpqQbLNS9rfud5udhsIb/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
Tempatkan kode iklan anda disini</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->
Cara pasang:
1. Login ke Blogger
2. Klik Rancangan
3. Klik tambah Gadget
4. Pilih HTML/JavaScript
5. Masukan kode di atas pada kolom yang tersedia
6. Klik Simpan dan lihat hasilnya

Ket : Anda Bisa memasang banner dengan berbagai ukuran,tinggal ganti ukuran letak banner nya saya seperti yang saya tandai warna merah
sumber

{ 0 komentar... Views All / Send Comment! }

Posting Komentar