Membuat Space Iklan Melayang dengan Tombol Close di Blogdetik

Postingan kali ini menjawab pertanyaan mas Wawan Kurniawan di Facebook tentang script melayang dengan tombol Close.
Sebenarnya sudah banyak tutorialnya kalau mau mencari di Google. Tapi baiklah akan saya jawab juga, sekalian aja buat tambahan postingan di Tips & Trick untuk Blog.

Berikut codenya :


<!— Awal Banner Melayang —>
<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;
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()">
<img src="http://imherry.blogdetik.com/files/2011/07/close.gif" border="0" width="53" height="24" />
</a>
</div>
<center>
Masukkan Code Script Iklan Disini
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
<!— Akhir Banner Melayang —>


Pengguna Blogdetik :
Pasang code tersebut di Any HTML atau di widget WP-Highslide.
Pengguna Blogger (blogspot) :
Pasang code tersebut di sidebar dengan add widgets.
Huruf yang dicetak tebal diisi dengan code script iklan atau terserah anda.
Selamat mencoba.