News Update :

Membuat Iklan Melayang Dengan Tombol Close 1x

Kamis, 25 Oktober 2012


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://wartoberita.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
Share this Article on :

0 komentar:

Posting Komentar

 

© Copyright HOT NEWS 2010 -2013 | Design by Giyono Umeda | Published by Giyono Umeda | Powered by Blogger.com.