Mmebuat Space Buat Iklan

Script yang digunakan adalah untuk model 1 CSS (Cascading Style Sheets), sedangkan model 2 menggunakan JavaScript Berikut code nya.
Model 1 : iklan footer permanen

<style type="text/css">
.botnav{
width:100%;
height:107px;
position: fixed;
bottom:0px;
right: 0px;
background-repeat:repeat-x;
z-index:1;
color:#000000;
}
</style>
<div class="botnav">
<p align="center">
KODE SCRIPT IKLAN
</p>
</div>

Catatan :
height:107px = bisa diganti sesuai tinggi dari gambar atau script iklan anda.
KODE SCRIPT IKLAN : letakkan code script iklan anda dari penyedia.
Model 2 : dengan tombol close

<!-- AWAL FOOTER IKLAN -->
<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: 110px; z-index: 9999;'>
<div style='text-align: right; width: 735px; height: 3px;'>
<img id='closed' src='http://www.voa-islam.com/images/close-icon.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
KODE IKLAN ANDA
</center></p>
</p>
</div>
<!-- AKHIR FOOTER IKLAN -->

Catatan :
[+] Angka yang dicetak tebal disesuaikan dengan panjang dan lebar iklan anda.
[+] KODE IKLAN ANDA : di isikan code script iklan dari penydia iklan.

Posted in: Tips n Trik Bloging