Welcome to our AllBlogTools.com v.3 new version, We are still in beta, please contact us to report an error.

|| View All Tutorials ||

Adding chat box to blogger

Adding chat box to blogger

1 Star2 Stars3 Stars4 Stars5 Stars

Report Error

143,311 views

today we’re going to talk about how to add nice and cool chat box to blogger blogs. do you have a blog?

I’ll bet you do.
whatever your blog talking about.
you will need to add a chat box. to connect people. that’s why you build your blog. right?
the box that we going to use it here presented by cbox.ws.
I guess you saw the chat box before at many blogspot blogs.
and here is an image tells you how it looks.

chat box sample

now lets start.
1 : go to cbox.ws or Click here (It will open in a new window )
click on “sign up” link.
then you’ll see a form.
fill it and choose the style you like. there is 12 different styles.
then check on “I have read and agree to the Cbox terms and conditions of service” box.
and click creat my box.

if every thing is fine. you’ll see theis message.

“Cbox Created!

Your Cbox, adfasfsdf, was created successfully.
You can now log in to your Cbox control ……………”

and you are now ready to take your chat box code and add it to your blog.

1 : log in to your account at cbox.ws by the user name and password that you’ve just created.
once you loged in you’ll be at your Control Panel Home.
you’ll see top horizontal menu contains 5 links.

Publish! : we’ll talk about it later.
Look & Feel:here you can manage your chat box style. like layout options, style gallery, edit style, or edit css.
Options:here you can adjust your posting options, date options, smiles and filtering options.
Users & Access: manage your users and access.
Messagesyou can check your messages here.

first thing you’ll do is customizing your chat box look.by navigating throw

Look & Feel

links.

and here is some styles for the box.

blogger chat box style

after that. we’ll back to Publish! link.
Publish!: here you’ll find the code that you will need it at your blogger account.
find ” I’m installing on: ” and choose “blogger”. then follow the next steps.
Step 1: Get your code. select all and copy it.
Step 2: log in to your blogger account, go to layout section.and click add new element at your template sidebar where you want to add the box. choos html / jave.
Step 3: past the chatbox code. and click save.
and you are done.

here is a demo blog,Click here (It will open in a new window ) show you the box live and running.

if you faced any problem. please leave your comment here.

Liked It ? Please Share

Comments

51 Responses | Post A Comment | Subscribe To Comments RSS Feed

  1. im trying to install a cbox and i cant find out where/how to use this step:
    Step 2: log in to your blogger account, go to layout section.and click add new element at your template sidebar where you want to add the box. choos html / jave.

  2. Max says:

    hi “your mother” lol., we are so happy to see your blog with the new chat box.

  3. SalGroorm says:

    hi there!
    Thank you for your website ;) xoxo

  4. hey!
    Thanks a lot for your site ;) xxoxo

  5. confused??!! says:

    errmm i don’t know where to find the add new elemet section..help please??

  6. Max says:

    hi confused??!!
    You can find add new elemet section OR add A gadget by going to your blogger account,
    then click LAYOUT and at “Add and Arrange Page Elements” page you can add new gadgets,

  7. Anybrowser says:

    this plugin worked! thx.

  8. Max says:

    thanks Anybrowser

  9. if something working – is ever good :) ))

  10. Max says:

    hi Forex analytics
    don’t worry, we guarantee that it will work easily.
    it’s very simple

  11. Olela says:

    Hello :)
    This site is great, thanx for everything you do :)

    I have this problem.
    When i click on “add a gadget” here’s what shows up: the list of available gadgets divided into categories as basic, news, sport, lifestyle etc. and at the end the “add yours” voice, i click on it and it only allows me to add the URL of the gadget i wish to add to my blog. That’s all.

  12. Max says:

    hi Olela
    the gadget window is 2 column, left and right, what you mentioned above is the left column, and on the right column you can find “add html / jave.”
    let us know if you have any problems.

  13. herbzs says:

    cbox is the best

  14. Max says:

    right herbzs, that’s why we added it here.

  15. khuntienboyz says:

    halo, get the ghost video reality in my web now! free download.

  16. Mikipumas says:

    Tnx a lot dude it works!

  17. nic nic nic says:

    hey!!
    loved it!!
    tnx soooo much!!
    teehee
    :D

  18. Candie says:

    hi i tried your tips after i enter the html and save it this thing comes out

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The processing instruction target matching “[xX][mM][lL]” is not allowed.

    plz help thanx

  19. Max says:

    hi Candie
    why do you try to change your template html.
    you should add just new gadget only.

  20. Wedus says:

    Halo guys

  21. ilikepie says:

    Uh. Where do I find the “layout” section? D: Kinda new to bloggin and all..

  22. ilikepie says:

    Also, I don’t see these:
    you’ll see top horizontal menu contains 5 links.

    Publish! : we’ll talk about it later.
    Look & Feel:here you can manage your chat box style. like layout options, style gallery, edit style, or edit css.
    Options:here you can adjust your posting options, date options, smiles and filtering options.
    Users & Access: manage your users and access.
    Messagesyou can check your messages here.

    D:!

  23. ilikepie says:

    Scratch the second post. Lol. I can’t find the link to “layout” anywhere D:

  24. beben says:

    i’m using southmix Max … hihihihi, and i have using this trick …

  25. Martin says:

    hello! thank you very much. the cbox is very nice!

  26. Lyling says:

    Huh? But i cant make one too. I cant find theclick add new element at your template sidebar where you want to add the box. choos html / jave.
    Step 3: past the chatbox code. and click save.
    and you are done.

  27. Larissa says:

    MAX, my blog template only has 2 columns and the right ones does not have the add html/java thing. pls help!

    • Max says:

      @ Larissa, just add it to your left sidebar then just drag it to your right side bar.

  28. Larissa says:

    oh. i managed to get the cbox right already. thanks anyways!(:

  29. nDulzz says:

    I’ve read and perform almost every Blogger Tricks from this site and got no problem…
    But in this case i have a question : can you make this trick always appear in beneath left corner???

    God is Most Greatfull whom made a person with kindly heart and bright brain like you… THX B4

  30. Brian says:

    thanks looked all over *

  31. nDulzz says:

    yupz.. thats what I mean…
    Sorry dude, my english is bad :-)

  32. idhanz says:

    nice info brader

  33. Varla says:

    Hi friend! Thankd for the tips. I did all the steps, but when i installed, do i have to write or let the others do first? Because i was trying first but it tell me : this box is blocked!!! Help me please to understad! Thanks!

  34. Jasmin says:

    Thanks! I also found a great shoutbox for blogger: http://chatroll-demo.blogspot.com

    Pretty cool huh.

  35. Corina says:

    Hi anyone know how to adjust the chatbox on blogger? I downloaded a new template but when I got it on blogger only half of the chatbox is displayed. The right side is gone! Anyone can help me with this? Thanks!

  36. Sun says:

    Very nice. Thank you…

  37. it keep saying “Posting failed. This Cbox is locked. Posting is disabled. ” WTF???

    • Max says:

      hi, i visited your blog and tried your box. it’s working perfectly now, i left my comment there.

  38. It works!
    thank you dear Max!

  39. Darling says:

    i’m working on my community blog now, not ready yet… but I need to tell you that your blog is very helpful

  40. onetwoandsix says:

    Hey, i kinda got the steps. But when i upload it in blogger. It says it’s failed to be uploaded? why so?

  41. Shiza says:

    thank’s to your post!!

Comments will be closed off on this post 365 days (1 year) after it is published. Apologies to this, but it's all about avoiding a growing comment spam problem. See our most recent posts where you can comment here