Social Icons

Sunday, April 6, 2014

Cara Membuat Iklan Melayang di Bawah Blog

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.... ^_^

No comments:

Post a Comment

Translate

Follow

 
close