Tips membuat Iklan melayang dengan Tombol Close

Halo teman teman
Kali ini saya Ingin Berbagi TIps dengan teman teman
Tips kali ini Adalah Script Untuk membuat Iklan Melayang dengan Tombol Close..
nah Gk pake lama lngsung saya Ksh aja deh

1. Login ke Blogger.com
2. Masuk ke rancangan>Add Widget>HTML Java Script
3. Masukan Kode berikut Di bawah ini

<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 yang anda inginkan di sini

</center>

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

Ganti Kode Masukan Iklan dengan Kode Iklan yang Akan Di Pasang ..
Semoga bermanfaat ... wasalam


Ditulis Oleh : Unknown // Jumat, Juli 30, 2010
Kategori:

3 komentar:

  1. Mantap infonya..Sukses selalu Sob..kunjung balik ya!

    BalasHapus
  2. menurut saya ini sangat mengganggu pengunjung
    apalagi pengunjung yg menggunakan hp
    bisa bisa mereka enggan balik

    BalasHapus
  3. owalah .. gitu toch caranya .... salam blogger ya sob ... ^_^

    BalasHapus