8 Oktober 2011 cara buat script melayang

oke hari ini saya akan share bagaimana cara membuat script iklan melayang
(floating ads)
keunggulan script melayang dari script iklan biasanya salah satunya adalah
iklan melayang lebih sering di klik ketimbang yang biasa
oke langsung saja ke tkp

1.  ke blogger.com
2. seperti biasa sign in
3. pergi ke rancangan 
4. pilih elemen laman
5. add gadget

copy tis following code


untuk close 1 kali

<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-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:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 1x]:. </a> </div> <center>

                  Masukan Kode iklan atau Gambar yang anda inginkan di sini

</center> <div style="text-align:left"> <a href="http://www.tenriewa.co.cc"> </a> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (20-gb.offsetWidth).toString() + "px"; </script></center></div></div>

 untuk close 2 kali

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:0px 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:center"> <a href="javascript:showHideGB()"> <img src="http:// www.fileden.com/ files/2009/10/12/2599919/ close.gif" /> </a> </div> <center>

               Masukkan kode disini !

</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

kira kira seperti itulah