Tidak usah panjang lebar lagi, Iklan Melayang di Bawah Blog ini disertai dengan tombol close untuk mempermudah pengunjung ketika ingin menutup iklan tersebut.
Beginilah cara membuatnya:
1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut
<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: 10px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglztgamtZUDorKYEWWL-qwKgy8-J0i7ZmDxdMFh_D7M5e23lAil4DRab5qFYukI1kp31_OQMYH9-OXMvIpQxlDIEd2pa0oX0bM0v7RwiYfZiPvJUeL8zA3BScUkLF6SwUcLux0tm50Jz6S/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
""Masukkan Link Anda Disini""
</center></p>
</p>
</div>
Keterangan :
Ganti tulisan yang berwarna Putih dengan kode script iklan Anda.
4. Kemudian Simpan dan lihat hasilnya di blog anda
Semoga Bermanfaat.... ^_^
Beginilah cara membuatnya:
1. Login ke Akun Blogger sobat masing-masing.
2. Masuk pada bagian Tata Letak.
3. Klik tambah gadget dimana saja, karena dimana pun sobat menambahkan gadget, tetap hasilnya akan berada di bawah Blog dan melayang.
4. Pilih mode HTML/Javascript.
5. Masukan kode berikut
<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: 10px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglztgamtZUDorKYEWWL-qwKgy8-J0i7ZmDxdMFh_D7M5e23lAil4DRab5qFYukI1kp31_OQMYH9-OXMvIpQxlDIEd2pa0oX0bM0v7RwiYfZiPvJUeL8zA3BScUkLF6SwUcLux0tm50Jz6S/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
""Masukkan Link Anda Disini""
</center></p>
</p>
</div>
Keterangan :
Ganti tulisan yang berwarna Putih dengan kode script iklan Anda.
4. Kemudian Simpan dan lihat hasilnya di blog anda
Semoga Bermanfaat.... ^_^
No comments:
Post a Comment