Apa yang anda cari ?


CSS

Kamis, 25 Oktober 2012

Membuat Iklan Melayang Dengan Tombol Close 1x

·

Membuat Iklan Melayang Dengan Tombol Close 1x

Untuk membuat iklan melayang dengan tombol close banyak yang menggunakan berbagai code -code rumit, namun setelanh saya mencari melalui google ternyata ada code yang cukup simple.
dan artikel ini tidak jauh beda dengan


Berikut kode yang harus ditambahkan pada blog atau website untuk memasang iklan melayang dengan tombol 1x:



  1. Masuk Blog anda
  2. Pilih bagian Tata Letak
  3. Add Gadget / Tambah gadget
  4. masukan kode berikut :

<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 HTML/Javascript anda kesini

</center>
<div style="text-align:left">
<a href="http://situsalfi.blogpspot.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>

Terakhit Simpan/Save .

Silahkan ganti kode yang bewarna merah dengan script yang sudah anda sediakan
Comments
0 Comments

0 komentar:

Poskan Komentar

Mari berpartisipasi dalam berkomentar,dengan diberikannya hak untuk menyatakan pendapat dan berbicara ,mari nyatakanlah pendapatmu tentang artikel diatas asalkan tidak berunsur SPAM/Penipuan,tidak berbau pornografi dan menggunakan bahasa yang ramah.

handapeunpost