Cara Membuat Iklan Melayang dengan Tombol Close 1 Kali

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 :

<a onblur="try {parent.
deselectBloggerImageGracefully();} catch(e) {}" href="http://gadogadorahma.blogspot.com"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqGCdFTc3X6CQDw4kHs47HBXGO2g0Jsu_056h534byx8fMMNrmedty3gzGHY9uoU0Ov-4Pi_DyZWqtMj94ODCpsNPrQCyk-3LVt1g2JfLULc9HKNIE7vHTQ0Jr2aUgmgl1cXR7vU1t5BQ/s800/wa.JPG" alt="" id="witto blog" border="0" /></a>


<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.t-w-t.co.cc/2010/07/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,.
Salam.

Cari Artikel Lainnya Disini

Custom Search

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek dalam waktu yang singkat,di tuntun dengan tutorial video yang di rancang khusus dan mudah di mengerti, Witto Mengajak anda belajar DISINI.