Untuk membuat iklan melayang dengan tombol close banyak yang menggunakan berbagai code – code rumit, namun kali ini saya akan share cara membuat iklan melayang dengan code yang lebih simple dan mudah di pahami.
Berikut kode yang harus ditambahkan pada blog atau website anda untuk memasang iklan melayang dengan tombol close 1x:
Berikut scriptnya langusung aja copy gan :
<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 onclick=”showHideGB()”> </div>
<div>
<div style=”text-align:left”>
<a href=”javascript:showHideGB()”>
untuk keluar.:[Close][Klik 1X]:.
</a>
</div>
<center>
MASUKAN KODE DISINI
</center>
<div style=”text-align:left”>
<a href=”http://info-adit.blogspot.com/2011/11/mau-buat-iklan-melayang.html”>
Get Widget
</a>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.center = (20-gb.offsetWidth).toString() + “px”;
</script></div></div>
Keterangan:
Berikut kode yang harus ditambahkan pada blog atau website anda untuk memasang iklan melayang dengan tombol close 1x:
Berikut scriptnya langusung aja copy gan :
<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 onclick=”showHideGB()”> </div>
<div>
<div style=”text-align:left”>
<a href=”javascript:showHideGB()”>
untuk keluar.:[Close][Klik 1X]:.
</a>
</div>
<center>
MASUKAN KODE DISINI
</center>
<div style=”text-align:left”>
<a href=”http://info-adit.blogspot.com/2011/11/mau-buat-iklan-melayang.html”>
Get Widget
</a>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.center = (20-gb.offsetWidth).toString() + “px”;
</script></div></div>
Keterangan:
- top: tinggi / posisi dari iklan yang akan di tampilkan
- border: ketebalan garis tepi dari kotak iklan
- background: warna background / latar belakang dari iklan
- MASUKAN KODE DISINI: tempat anda utuk meletakan code iklan
- yang terakhir sesuaikan script diatas dengan template masing masing
sekian tips cara memasang iklan melayang dengan tombol close 1x,SEMOGA BERMANFAAT...
Komentar
Posting Komentar