Cara Membuat Chatt Box

1. Langkah Pertama Login ke Id Blog Anda
2. Langkah Kedua Klik Rancangan.
3. Langkah Ketiga Klik edit HTML.
4. Langkah Keempat cari kode </body>
5. Langkah yang kelima salin kode berikut di atas kode </body>

<script type='text/javascript'>     window.setTimeout(function() {         document.body.className = document.body.className.replace('loading', '');       }, 10);   </script><br /> <br /> <br /> <!-- Begin Show Hide Floating - http://www.hitsuke.blogspot.com http://www.remo-xp.com--><br /> <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 #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style><br /> <br /> <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><br /> <div id='hitsukeFX'><div class='hitsukeFXtab' onclick='showHidehitsukeFX()'></div><div class='hitsukeFXcontent'><!-- Kode Shoutmix mu Disini --><br /> <!-- Begin ShoutMix - http://www.shoutmix.com --><iframe frameborder='0' height='460' scrolling='auto' src='http://www.shoutmix.com/?dragonfly121' title='dragonfly121' width='185'><a href='http://www.shoutmix.com/?dragonfly121'>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 --><br /> <div style='text-align:right'><a href='javascript:showHidehitsukeFX()'> [hide] </a><br /> </div></div></div>

6. Langkah yang Keenam atau langkah yang terakhir adalah simpan hasil editan anda.