htmla

Sabtu, 18 September 2010

Membuat Iklan Melayang Dengan Tombol Close 1x

Untuk membuat iklan melayang dengan tombol close banyak yang menggunakan berbagai code -code rumit, namun setelanh saya mencari melalui google ternyata ada code yang cukup simple.


Berikut kode yang harus ditambahkan pada blog atau website untuk memasang iklan melayang dengan tombol 1x:


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #ffffff;
background:#ffffff;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:left">
<a href="javascript:showHideGB()">
untuk keluar.:[Close][Klik 1x]:.
</a>
</div>
<center>

Masukan Kode DISINI

</center>
<div style="text-align:left">
<a href="http://bunli.blogpspot.com">
Get Widget
</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>







Selamat Mencoba

Jika artikel ini bermanfaat, silahkan isikan alamat email Anda untuk berlangganan artikel Bunli secara gratis melalui email


Powered by FeedBurner

Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

Related Articles



0 comments: on "Membuat Iklan Melayang Dengan Tombol Close 1x"

Posting Komentar