Cara Pasang Chat Box Show Hide ala Mystery of The World

   

Buat yang mau bikin Chat Box Show Hide, biar aga gaya dikit, coba di layout pilih page elements trus add a gadget pilih HTML/JavaScript
masukan kode di bawah ini :

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #000000; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#2f788b; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">

klo udah masukan kode shoutmix chat-nya (admin pake shoutmix chat) :

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="200" frameborder="0"

title="yoyoyooy" height="350"

src="http://www6.shoutmix.com/?yoyoyooy">
<a href="http://www6.shoutmix.com/?yoyoyooy">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free

shoutbox chat widget at ShoutMix!">ShoutMix chat

widget</a><br />
<!-- End ShoutMix --></div></div>

Tutup dengan kode dibawah ini :

<script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script>

klo mau ganti warna tinggal gati jah..cari code backround....
Semoga Bermanfaat
By. SPACEartmedia

Posted in: Tips And Trik,Trik Blog