Tutorial Shoutbox Tergantung Macam BlogCariPasal

Ada rupanya yang bertanya pasal shoutbox tergantung ni..

Hahaha..xtau nak sebut camne aku sebut tergantung..

Mmg macam tergantung pun kan??

Ok, so ni tutorial dia..

Leh cube-cube pasang kat blog korang..

Kalau ade pape pertanyaan tanya terus kat tuan blog ni ok??

Sebelum tu, sape-sape yang xde lagi shoutmix dlm blog korg..Korang leh la register dekat sini :
http://www.shoutmix.com/main/

Create satu HTML/Javascript Widget dekat Add Gadget

Ok, sekarang copy code kat bawah ni :

<br /> <style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOuRthGTg5wkxwzKwO6osJ__zIkzHbPPcn65IwfX4jBtZBJ5m2JMWbGgEmbBBrnExhLVPTA_4D81Z2UB7VxuWW92VcKbo5QbzwWM0B4RiZagLm3-cNybEFgd95qD2b856L0PnuVlWR8DKt/s320/tabs.png') no-repeat; } .gbcontent{ float:left; border:2px solid #666666; background:#F5F5F5; padding:10px; } </style><br /> <br /> <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><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><br /> <br />//Letak Coding Shoutmix kat sini<br /> <div style="text-align: right;"><a href="javascript:showHideGB()"><br /> [close]<br /> </a></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script><br />

Selamat Mencuba =)