Script Iklan Close 2x untuk Blogger

Iklan melayang dengan tombol Close 2x untuk menutup iklan, sering kita jumpai ketika kita berkunjung ke berbagai blog. Sebenarnya iklan dengan tombol Close 2x selain untuk memperindah tampilan blog juga berfungsi sebagai penghemat ruang pada halaman blog. Contoh iklan tersebut dapat dilihat pada gambar di bawah ini.

Oke dech... tanpa perlu panjang lebar langsung saja kita mencoba membuat iklan Close 2x dengan mengikuti langkah-langkah berikut.

• Login ke blogger
• Pilih tambah gadget dan lanjutkan dengan HTML/JavaScript, selanjutnya letakkan script 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;
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 2x]:.
</a>
</div>
<center>

<script src="http://kumpulblogger.com/scahor.php?b=124672&onlytitle=1" type="text/javascript"></script>

</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

• Jika sudah selesai selanjutnya pilih simpan.
• Jalankan untuk melihat hasilnya.

Sekian dan selamat mencoba.