BUDIANTO.COM

Mungkin pembahasan saya ini sudah banyak dan para sahabat semua sudah paham dengan ini,. tapi saya kan membahasnya lagi karna dari artikel sebelumnya yang membahas Cara Membuat Iklan Melayang dengan Tombol Close dan ini memakai close 2 kali klik, untuk pembahasan kali ini saya akan membahas tentang Cara Pasang Iklan Melayang Dengan 1 kali close.

Kode yang kita gunakan sama persis dengan kode sebelumnya pada artikel Cara Membuat Iklan Melayang dengan Tombol Close. di sini hanya menambahkan sedikit saja kodenya.


Langsung aja ya ???
So pasti semua dah tau kan cara menambah gadget baru,. dan langsung CopPas aja Kode dibawah ini :
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}


.gbcontent{
float:right;
border:2px solid #A5BD51;
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:right">
<a href="javascript:showHideGB()">
.:[Close][Klik 1x]:.
</a>
</div>
<center>

Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center>
<div style="text-align:left">
<a href="http://budiantobjm.blogspot.com/2010/08/cara-mudah-membuat-iklan-melayang-di.html">
Get Widget
</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></center></div></div>