Cara Membuat Floating Banner Seperti Dibawah blog saya ini?
Ini langkah-langkahnya.
- Cari Kode
]]></b:skin>
- Masukkan Kode ini di atasnya
#floating_banner_bottom {
text-align: center;
width: 100%;
bottom: 0px;
margin-bottom: 0px;
height: 100px;
position: fixed;
z-index: 100;
right: 0;
_position:absolute;
_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
}
#floating_banner_bottom { margin-bottom: 0px; bottom: 0 }
#floating_banner_bottom div.close {
margin: 0 auto;
width: 1000px;
height: 10px;
text-align: right;
} - masukkan kode ini ditas
<div id='floating_banner_bottom' style='z-index: 100; height: 54px;'>
<!-- Button to Close Banner -->
<div class='close' style='text-align: right; margin-bottom: 0px;'>
<a href='#' onclick='document.getElementById('floating_banner_bottom').style.display='none';return false;'>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2cx3hqHh0ME22kUjw1bgRh-0eKnbZmGVd2Y0Xkh3LXHY_fwAYCgwBs2-fVzJk1XBPz9xWrvgAK3k60oxAA_-J1MK9SDRI-LtKH7LlOpBcNDWzCLJPpMSke9f3Zbsr-dOWe6GdangcHJI/s320/close.gif' style='margin-right: 40px; height: 14px;'/>
</a>
</div>
<a href='http://semuaupdate.blogspot.com/2010/03/advertising.html' style='border: 0px none ;' target='_blank'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVqjo_EAC82WY0rksv8tt-2zViQHr3cK-t_CEMaYenCj86GCw7gOXrfDHhgseEVolpYZv1UDvRtCq-0ga9fTleu_edjedZksO-ZySL5fbTKbEg8v-3SoSaDoIIBuidTT-JR3_G4OvQDVE/s640/iklan+copy.jpg' style='border: 0px none ; width: 1000px;'/></a>
</div>
0 Responses so far.
Posting Komentar