Tuto Float Shoutbox :)

Ohh , tuto Float Shoutmix ! Okay , panjang sket tuto ney . Ekod tau , ekod tau :)
Copy jaa code ini :

<style type="text/css">#gb{position:fixed;top:100px;  <---- jarak dari atas z-index:+1000;}* html #gb{position:relative;}
.gbtab{height:230px;width:120px;float:left;cursor:pointer;background:url('URL ICON ANDA') no-repeat;}.gbcontent{float:left;border:2px solid #FFFFFF;background:#000000;padding:5px;}</style>
<script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 50-w) : moveGB(60-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">
<!-- spacer for skins that want sidebar and main to be the same height-->      <div class="clear">&#160;</div>

<!-- Begin ShoutMix - http://www.shoutmix.com --><iframe title="" src="http://www5.shoutmix.com/?izzahfarhani" width="100%" height="400" frameborder="0" scrolling="auto"><a href="http://www5.shoutmix.com/?izzahfarhani">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 style="text-align:right"><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (120-gb.offsetWidth).toString() + "px";</script>

Okay , ini contoh shoutmix Hani tau . You all jangan copy semua yang colour Biru ney . Buad shoutmix dulu kat sini <linklink>
Pastuh , copy code shoutmix you all then ganti kat code Biru ney okay ?

Jadik ? Kalau tak jadik inform okay :)

---

Thanks for the view :)

---