[T]ips Mu[D]ah Pasa[N]g guestbook

1. Buka situs Shoutmix Kamu harus mendaftar di situs tersebut.
2. Jika pendaftarannya berhasil kamu langsung disuruh milih type shoutbox yang disediakan, terserah kamu milih bentuknya yang gimana. Klik tombol Continue
3. Setelah itu kamu akan mendapat ucapan "Terima Kasih" lalu klik link Go to My Control Panel Now
4. Disana kamu bisa mensetting terlebih dahulu shoutbox kamu, misalnya Style & Color, Date & Time, dan lain-lain.
5. Jika sudah selesai klik menu Get Codes
6. Jika kamu pingin menaruh shoutbox di blog kamu pilih "Place Shoutbox on Webpage"
7. Atur lebar dan tinggi shoutbox di kolom widht dan hight
8. Kemudian Copy kode yang ada di dalam kotak "generated Codes"
9. Login ke blogger.com lalu pilih Layout kemudian Add Page Elements
11. Tambahkan element HTML/Javascript.
12. Paste Kode yang telah kamu copy dari shoutbox.com tadi di kotak "Content" lalu simpan.
13. Jadi deh.....

 Dan apabila anda ingin shoutmix / shout box anda tampil di bagian kanan / kiri blog. anda bisa mngikuti trik berikut ini oke langsung aja lihat dengan seksama cara membuat nya:
 Berikut langkah-langkah memasangnya :
1. Login akun blog anda
2. Masuk pada Tata letak (layout)
3. Pilih Elemen halaman (page element)
4. Klik Tambah gadget (add gadget)
5. Pilih HTML/Javascript
6. Masukkan kode berikut ini dalam kolom yang tersedia

 <!-- left hidden  chatbox by  http://anima-generation.blogspot.com  START  --><style>#hcl    {position:fixed;top:100px;left:0px;z-index:+1000;}* html #hcl    {position:relative;}.hcltab    {height:100px;width:30px;float:left;cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgndw1QzVjwbz7tuFl_IFL7KJweE2FcLZfRvrKakpKPB1Jl9_jMrOuEUfJMBNWkrmNCpbhTMhkmaCXVXc23VsCZuX9EQEs6NUuURPLQbvRe8mhMvxVUJ8gC2w6YBrvAayCGPdhT68areg0/s400/cbred-LEFT.png')    no-repeat;}.hclcontent {float:left;border:2px solid    #790909;background:#f3f6f7;padding:10px;}.hc-credit    {font-size:9px}.hc-credit a    {text-decoration:none}</style><script    type="text/javascript">function showHidehcl(){var hcl =    document.getElementById("hcl");var w = hcl.offsetWidth;hcl.opened ?    movehcl(0, 30-w) : movehcl(20-w, 0);hcl.opened = !hcl.opened;}function    movehcl(x0, xf){var hcl = document.getElementById("hcl");var dx =    Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 +    dx * dir;hcl.style.left = x.toString() +    "px";if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")",    10);}}</script><div id="hcl"><div    class="hclcontent"><!-- KODE SHOUTMIX ANDA --><br    /><div class="hc-credit"><span style="float:left"><!--    THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a    href="http://www.os-cyber.com/2011/04/cara-membuat-hidden-show-chatbox.html"    target="_blank">Get this widget!</a></span><span    style="float:right"><a    href="javascript:showHidehcl()">[close]</a></span></div></div><div    class="hcltab" onclick="showHidehcl()">    </div></div><script type="text/javascript">var hcl =    document.getElementById("hcl");hcl.style.left =    (30-hcl.offsetWidth).toString() + "px";</script><!-- left    hidden chatbox by http://www.os-cyber.com/ END --> 

Ganti Teks Berwarna Merah Dengan Kode Shout mix Anda.