How to style your chatbox like sample here? What do you need is just copy the code below (code only, not include the line number), replace some lines of code, and it is done!
To adjust the position of chatbox tab, you need to edit line #4.
To change the image of chatbox tab, you need to change the image url in line #14. You also can edit the height and width of image by editing line #10 and #11 respectively.
Where do we need to put the chatbox’s code? Just replace the line #44 with your own chatbox code. And you are done!
REPLACE YOUR CODE HERE
This is a re-post of my old entry. I found that someone is searching for the old article which is not available anymore on my blog. If any of you want to read the old post of my blog, please do request and I’m glad to write it again for you.
Go to Colorful tab image for chatbox if you are searching for how to change your tab color.
Happy coding!


i buat x jadi pun.
U buat untuk blogspot ke?
yup i buat blogspot la.
ok, code fixed! boleh cuba lagi!
i nak tnya..
i dah copy u pnya kod…
tp bila i masukkan kod shoutbox..
bnda 2 jd ketengah…
anda pasti dah copy sampai habis kod kat atas tu?
er, ketengah vertical/horizontal? ketengah window?
dah jd… tq…
[...] this (but in malay of course ). Do you know how to change or make a colorful tab image for your chatbox? Basically, you just need to play with the hue / saturation of image in [...]