Untuk membuat iklan melayang dengan tombol close banyak oleh Blogger yang menggunakan berbagai kode-kode 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.
Posting Komentar