Hi All Dear Visitors, Sorry For Being Late On Reply Your Messages And Comments, I'm Now Working With AllBlogTools.com Team On The Next Version Of AllBlogTools.com v3. The New Version Will Be Launched Soon, Please Wait For Our Surprises, We Are Working On A Great Features And Amazing, Powerful Version.
You Are Here You Are Here NowAllBlogTools > Blogger Tricks and Hacks > Blogger Tricks > Adding chat box to blogger

Post Details  Posted By Max On Monday, November 10th, 2008 In   Blogger Tricks and Hacks



Share

 
Adding chat box to blogger

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.

By Max

I'm Max, The founder and the admin of AllBlogTools.com I'm a very big van of blogging ,design and coding, I think that i'll die next to my computer.

No related posts found

DeliciousFacebookDigg
Design FloatMixxReddit
StumbleUponTechnoratiTwitter

comments

  • 51 responses so far!
  •      yourmothermusicblog ( 7:48 PM on 11/18/08 )

    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.

  •      yourmothermusicblog ( 7:58 PM on 11/18/08 )

    nevermind i got it :)

  •      Max ( 8:02 PM on 11/18/08 )

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

  •      SalGroorm ( 11:20 AM on 11/26/08 )

    hi there!
    Thank you for your website ;) xoxo

  •      plemamixflien ( 9:33 PM on 11/27/08 )

    hey!
    Thanks a lot for your site ;) xxoxo

  •      confused??!! ( 2:31 PM on 1/2/09 )

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

  •      Max ( 6:03 PM on 1/2/09 )

    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,

  •      Anybrowser ( 5:56 AM on 1/8/09 )

    this plugin worked! thx.

  •      Max ( 2:23 AM on 1/9/09 )

    thanks Anybrowser

  •      Forex analytics ( 2:49 AM on 1/19/09 )

    if something working – is ever good :) ))

  •      Max ( 9:19 AM on 1/19/09 )

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

  •      Olela ( 8:12 AM on 1/30/09 )

    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.

  •      Max ( 10:34 PM on 1/31/09 )

    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.

  •      herbzs ( 3:10 PM on 2/1/09 )

    cbox is the best

  •      Max ( 6:14 PM on 2/1/09 )

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

  •      khuntienboyz ( 7:09 PM on 3/19/09 )

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

  •      Mikipumas ( 9:25 AM on 5/1/09 )

    Tnx a lot dude it works!

  •      nic nic nic ( 10:58 PM on 5/15/09 )

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

  •      Candie ( 1:15 AM on 5/17/09 )

    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

  •      Max ( 2:47 AM on 5/17/09 )

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

  •      Wedus ( 10:21 AM on 8/1/09 )

    Halo guys

  •      Max ( 7:59 PM on 8/1/09 )

    hi Wedus

  •      ilikepie ( 2:44 AM on 8/8/09 )

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

  •      ilikepie ( 2:48 AM on 8/8/09 )

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

  •      ilikepie ( 2:58 AM on 8/8/09 )

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

  •      Max ( 5:17 PM on 8/10/09 )

    log into your account at blogger.com
    and select Layout it’s clearly visible there.

  •      Max ( 5:18 PM on 8/10/09 )

    you can see this menu after you register for cbox.ws.

  •      beben ( 4:38 AM on 8/16/09 )

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

  •      Martin ( 10:44 PM on 10/3/09 )

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

  •      Lyling ( 7:07 AM on 10/15/09 )

    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.

  •      Max ( 1:15 PM on 10/15/09 )

    you have to change your template coz it’s not well coded.

  •      Larissa ( 10:54 AM on 10/31/09 )

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

  •      Larissa ( 10:58 AM on 10/31/09 )

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

  •      Max ( 2:05 PM on 10/31/09 )

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

  •      nDulzz ( 1:02 AM on 11/18/09 )

    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

  •      Brian ( 9:59 AM on 11/18/09 )

    thanks looked all over *

  •      Max ( 10:18 PM on 11/26/09 )

    @ nDulzz, do you mean making it static while scrolling??

  •      nDulzz ( 4:40 AM on 12/3/09 )

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

  •      idhanz ( 12:06 AM on 1/7/10 )

    nice info brader

  •      Varla ( 2:10 AM on 1/13/10 )

    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!

  •      Jasmin ( 1:27 AM on 2/17/10 )

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

    Pretty cool huh.

  •      Max ( 8:20 PM on 2/17/10 )

    @ Jasmin yes, this is cool dude.

  •      Corina ( 12:51 AM on 3/12/10 )

    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!

  •      Max ( 8:56 AM on 3/12/10 )

    @ Corina, can you please show us your blog, it may be your template code is the problem.

  •      Sun ( 3:56 PM on 4/15/10 )

    Very nice. Thank you…

  •      hirazukiluvbleach.blogspot.com ( 6:50 AM on 4/17/10 )

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

  •      Max ( 4:30 PM on 4/22/10 )

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

  •      angel.rangers ( 5:47 AM on 4/26/10 )

    It works!
    thank you dear Max!

  •      Darling ( 7:26 PM on 6/12/10 )

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

  •      onetwoandsix ( 4:16 PM on 6/13/10 )

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

  •      Shiza ( 1:48 AM on 8/1/10 )

    thank’s to your post!!

blogger spacer my twitter my facebook my rss feeds my google buzz E-mail updates

advertise
Write For Us
Write For Us

Add to Technorati Favorites Web Design Top Blogs
Top Resources blogs Web Development & Design Blogs hihera.com Resources BlogsArts Blogs - Blog Rankings
Templates Blogs - Blog Catalog Blog Directory Click to see how many people are online TopOfBlogs Computers & The Internet Topsites - TOP.ORG  blogarama - the blog directory
 

Featured in Alltop

AllBlogTools.com © 2009 All rights reserved

Home  |  About Us  |  Contact Us  |  Support Blogger Tricks  |  Blogger News   |  Blogger Templates