Sponsors

12 Jul 2011

Cara Simple Membuat Iklan Melayang Dengan Tombol Close

Tutorial tentang cara membuat iklan melayang di blog sudah sangat banyak tapi tak apa kita akan tetap membahasnya.
Buat temen- temen yang kepengen iklannya melayang di blo yuk kita simak tutorial berikut ini.
  1. yang pertama masuk ke akun blog sobat
  2. kemudian pilih rancangan
  3. kemudian add gadget dan copy code script berikut 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>

letakan kode iklanya sahabat disini

</center>

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

Sobat juga bisa mengganti background nya dengan warna yang lain...

Tidak ada komentar:

Posting Komentar

saya tidak online selama 24 jam jadi silahkan berkomentar disini. silahkan berkomentar yang baik karena saya tidak bertanggung jawab atas komentar anda