Cara Memasang Iklan Melayang Dengan Tombol Close

Sebelumnya saya sudah pernah membuat post "Cara Memasang Iklan Melayang" namun dalam cara tersebut harus klik close 2x, sekarang saya akan memberi kode iklan melayang yang cukup di close 1x klik saja , mengingat salah satu iklan yang bisa di buat iklan melayang yaitu KumpulBlogger membuat aturan boleh menggunakan iklan melayang namun harus ada tombol close yang jelas serta tombol close 1x klik saja. Baiklah untuk memasangnya ikuti petunjuk berikut.




1. Login ke Blogger.

2. Pilih Layout > Add a Gadget > HTML/Javascript


3. Copy Code di bawah ini ke kolom content.

<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>


MASUKAN IKLAN DISINI

</center>

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

4. Simpan.

Contoh hasilnya bisa dilihat di blog ini, selamat mencoba dan jangan ragu mencari penghasilan di internet.