How to style your chatbox

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! :)

Related posts:

  1. Colorful tab image for chatbox
  2. 5 Free Chatbox Widgets For Blog
  3. CodeIgniter for beginner: 5 things you should know
  4. Clone yourself using photoshop
  5. Managing User in Backtrack 5

8 Responses to “How to style your chatbox”

  1. Clara Emily says:

    yup i buat blogspot la.

  2. syima says:

    i nak tnya..
    i dah copy u pnya kod…
    tp bila i masukkan kod shoutbox..
    bnda 2 jd ketengah…

  3. azie says:

    dah jd… tq… :)

  4. [...] 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 [...]

Please inspire the world with your comments.

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge