Cara membuat iklan melayang dengan 1x klik untuk close

Seperti pada aturan iklan kumpulblogger.com yaitu dapat menggunakan

 iklan melayang tetapi dengan tombol close 1x klik.

Berikut kode yang harus di tambahkan pada script iklan:

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbcontent{

float:right;

background:transparant;

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()">

[Close]

</a>

</div>

<center>

KODE SCRIPT IKLAN

</center>

<script type="text/javascript">

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

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

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

Letakkan di rancangan add gadget "html/javascript" blog sobat

Jangan lupa simpan ..

Selamat mencoba.