Membuat Iklan Melayang dengan Tombol Close 1x

Trik ini sudah biasa digunakan oleh para sobat blogger. Saya pun pernah melakukan trik ini sebelumnya, tapi karena takut mengganggu pengunjung yg berkunjung saya melepasnya. Kebanyakan sobat blogger menggunakan tombol yg harus 2x di klik, tapi kali ini saya akan menjelaskan dengan tombol close 1x. Karena jika tombol close 2x akan sangat mengganggu pengunjung.  Jika sobat ingin mencobanya caranya cukup mudah.

• Log In blogger, sudah pasti
• Rancangan
• Tambah Gadget
• Pilih HTML/Java Script
• Salin kode berikut

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

border:2px solid #ffffff;

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:left">

<a href="javascript:showHideGB()">

untuk keluar.:[Close][Klik 1x]:.

</a>

</div>

<center>

Masukkan Kode Disini

</center>

<div style="text-align:left">

<a href="http://sharingmania.co.cc">

Get Widget

</a>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.center = (20-gb.offsetWidth).toString() + "px";

</script></div></div>

• yg berwarna Orange ganti dengan URL blog sobat
• Simpan dan Lihat hasilnya... Taraaaa iklan anda melayang

Semoga info ini berguna untuk sobat blogger disana

Salam Blogkers