Home » » Cara membuat iklan melayang di bawah blog dengan tombol close

Cara membuat iklan melayang di bawah blog dengan tombol close


 Tentunya sobat ingin mendapatkan keuntungan dengan modal seminin mungkin, begitu pula dengan space untuk iklan. disini saya punya sedikit saran dengan menggunakan beberapa code css, iklan di blog sobat akan nampang lebih rapi, hemat tempat dan tentunya effisien, yang perlu sobat lakukan adalah,

1. Login Ke Blogger.com dengan Akun anda masing-masing Pastinya
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Dan Copy kode di bawah ini kedalamnya

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhawBy7xD5TCwPF0KhHuhbi6j-_edWTn_Bj3qQyQZ8sB7FsVu17e5Xg5v0iPrlrtsQtPESaIchqQucUMl-RmaBxK3gXbHqaZ18ONn0REZ5fAcfD4poPtB9hAYOiJwYn-i-M3Yfkk0nphsjk/s1600/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
LETAKKAN KODE DISINI
</center></p>
</p>
</div>
 6. Simpan
hasilnya dapat dinikmati sekarang juga, jgn lupa klik-klik iklan di blog ini.

Download

Popular Posts

Arsip Blog

Sample Text