Membuat Floating banner

Cara Membuat Floating Banner Seperti Dibawah blog saya ini?

Ini langkah-langkahnya.

1. Cari Kode ]]></b:skin>


2. 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;
   }


3. 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(&apos;floating_banner_bottom&apos;).style.display=&apos;none&apos;;return false;'>



<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3PmPpOvaOLQvrUIYJRyY5oSo3meMh9vklV_3vj5lKpKlwh5yYjtI-siceC0thQ9PpV58fAdmCrrhXIjUJkY-HUlwdEhgPhJhn7okqibIaiaghaESbxZ6s8hyphenhyphenHBYOID-OBe6J8w1m-2b0/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/AVvXsEian62o5SctnVbCPiBv-_tvrYZ8mn7PtB3rUUf6j9pxQXso2oSey73wCtq6f4hrqXV1rUQc0_wcgWhMdjP5pS2gsKJB8iHmpeAml9wto6f0GTxCcYiUnw8-CBqrHLmz4K1D4bmfpvwnhAY/s640/iklan+copy.jpg' style='border: 0px none ; width: 1000px;'/></a>



</div>
   
   

Related Post

Widget by [ Tips Blogger ]