0 Cara Membuat Iklan Melayang dengan Tombol Close

Cara Membuat Iklan Melayang dengan Tombol Close

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 gambar  Melayang , untuk pembahasan kali ini saya akan membahas tentang Cara Pasang Iklan Melayang Dengan 1 kali close.
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://www.trikblogspot.co.cc/2011/05/cara-membuat-iklan-melayang-dengan.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>

Semoga bermanfaat,.

Anda suka atau merasa artikel ini bermanfaat? Jika ya, mohon kesediaannya untuk meng-klik tombol Plus One yang ada di samping ya. Terima kasih

related post :