Cara Membuat Iklan Melayang di Blog dengan Tombol Close

 Cara Menbuat Iklan Melayang di Blog dengan Tombol Close, sobat ingin pasang iklan melayang pada blog sobat? nah disini saya akan membagikan tutorial Cara Memasang Iklan Melayang dengan Tombol Close. Langsung saja kita praktekkan yah sobat Cara Memasang Iklan Melayang dengan Tombol Closenya :

1. Login pada blogger
2. Design
3. Add Gadget atau tambah gadget
3. HTML/JavaScript
4. Copy-Paste kode berikut :

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

Masukan Kode iklan atau Gambar anda di sini

</center>

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

5. Lalu save

   Nah begitulah Cara Membuat Iklan Melayang di Blog dengan Tombol Close, semoga tutorial ini bermanfaat bagi anda. Terimakasih sudah berkunjung dan semoga bermanfaat untuk anda semuanya.

Di tulis olah : Sunu Eiko Nurcahya
jejak-harput.blogspot.com
Harap tinggalkan kritik dan saran anda tentang artikel di atas....!! Terima kasih.