membuat chatbox melayang atau show hide

taukan chatbox melayang??? itu seperti pada blog saya ini sebelah kanan (gbox), yang klo di klik muncul deh thu chatbox,,,
ini alternative buat menghemat tempat dari tema blog yang sempit! lagian tampilannya juga jadi menarik kan?? ini carannya,,
1.login
2.pada dasbor pilih rancangan
3.tambah gadget or add gadget
4.pilih yang  java script (html)


5. trus kopas script ini...

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; cursor:pointer; background:url('http://BACKGROUNDMILIKKALIAN.jpg') no-repeat; } .gbcontent{ float:left; border:2px solid #1078B4; background:#D9F0F8; 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.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> MASUKAN CODE SCRIPT CHATBOX <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

n last save script ini .. liat blog kalian
buat yang belum punya cbox kalian bisa buat di
1.cbox  or
2.shoutmix
nb: sebaiknya script tadi yang udah di save di taruh paling bawah dari script yang laen, biar bisa ditampilin dengan sempurna,,,

good luck!^^






posted under , |

0 komentar:

Posting Komentar

Posting Lebih Baru Posting Lama Beranda
annesa. Diberdayakan oleh Blogger.

About this blog

this blog have anything news,articles and more so, enjoy your blog!

Followers




    Archives


Recent Comments