Rabu, 19 Januari 2011

Cara membuat iklan melayang dengan tombol close

Sebenarnya nih mudah sekali lo,karna kalian ga mau belajar makanya 
jadi susah ,nah hari ini saya akan memberi tau cara membuat iklan melayang dengan 
menggunakan rombol close langsung saja ya broo:


  • Login Dulu Ke Blogger anda dengan Akun anda masing-masing
  • Masuk ke Tab Tata Letak
  • Pilih Elemen Halaman/Rancangan
  • Tambah Gadget Pilih HTML / JAVASCRIPT
  • Dan Copy kode di bawah ini kedalamnya yah
  <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>

  • Trus simpan/selesai
Semoga BERHASIL
dan andapun bisa berbisnis di web anda sendiri dengan iklan melayang ini !!
semoga sukses yah !!
Selamat Mencoba 

0 Komentar:

Posting Komentar