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.
Kalian juga bisa Dapat Menggunakan Gambar dibawah ini di blogspot kalian dan demi kenyamanan tinggalkan komentar sebagai rasa terimakasih. hehe
Berikut kode yang harus ditambahkan pada blog atau website anda untuk memasang iklan melayang dengan tombol close 1x:
<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
background:transparant;
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()">
[Close]
</a>
</div>
<center>
<a href="http://hasil2.blogspot.com/user/mulsandi/media/S_zps329fbe48.jpg.html" target="_blank"><img src="http://i1274.photobucket.com/albums/y430/mulsandi/S_zps329fbe48.jpg" border="0" alt=" photo S_zps329fbe48.jpg"/></a>
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:right;
background:transparant;
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()">
[Close]
</a>
</div>
<center>
<a href="http://hasil2.blogspot.com/user/mulsandi/media/S_zps329fbe48.jpg.html" target="_blank"><img src="http://i1274.photobucket.com/albums/y430/mulsandi/S_zps329fbe48.jpg" border="0" alt=" photo S_zps329fbe48.jpg"/></a>
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (20-gb.offsetWidth).toString() + "px";
</script></div></div>
jika kalian igin memasang iklan kalian. kalian bisa mengganti warna biru dengan Iklan kalian disini
tapi jika kalian menggunakan Kode itu Gunakan saja. terimakasih
Setelah itu Simpan dan lihat hasilny??? teman
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot Ebook Dan Game Dll

No comments:
Post a Comment