Home » , , » Membuat Iklan Melayang Pada Blog dengan Tombol Close 1 x

Membuat Iklan Melayang Pada Blog dengan Tombol Close 1 x

Written By Unknown on Sunday, February 5, 2012 | 11:13 PM

Untuk membuat iklan melayang dengan tombol close banyak oleh Blogger  yang menggunakan berbagai code -code rumit, namun setelah saya mencari melalui google ternyata ada code yang cukup simple. Cara ini lebih simpel dari posting sebelumnya untuk keluar dari iklan yang kita tayangkan di blog, pengunjung cukup mengklik 1 kali dan iklan akan keluar (close).
Berikut kode yang harus ditambahkan pada blog atau website untuk memasang iklan melayang dengan tombol 1 x :

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

Masukan Kode DISINI

</center>
<div style="text-align:left">
<a href="http://sahara-blognotes.blogspot.com">
Get Widget
</a>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>

Selesai... 

SEMOGA BERMANFAAT

0 komentar:

Spoiler Untuk lihat komentar yang masuk:

Post a Comment

 
eXTReMe Tracker