Add a Free Chat Box Widget to Your Blogspot Blog



Here’s the easiest way to add a free Blogger chat box widget (also known as shoutbox, chatterbox, or chat room) to your Blogspot blog. Adding a chat box widget to your blog is an easy way to build community on your site and keep your visitors coming back. It’s so easy we can do it in less than a minute. We’ll use Chatroll live communities to create a chat box widget, customize it, and add it to your Blogger layout.
Here’s a screenshot of a Blogger blog with a chat box embedded in the main column:


These steps are easy enough for anyone, but if you have any trouble, you can contact Chatroll Support via live chat or email. Let’s get straight to it!
Create a Chatroll live community to use for your chat box.
Go to Chatroll, enter your community’s name in the “Name Your Live Community…” box and click “Create”. Choose a name that fits with your blog, as this name will appear in the chat box title. Write an attractive and detailed description so that people can easily find your new Chatroll community (this will also help drive traffic to your blog).

Copy the chat window embed code from your live community’s home page.
In your new live community’s home page (the page that is shown after your community has been successfully created) copy the embed code from the text box labeled ‘embed’. This text box is located under the chat window, as shown below:

Edit your Layout in Blogger.
In Blogger, click on the “Layout” tab to show your blog’s layout:

Add a new HTML/Javascript gadget.
On your blog’s layout screen, click the “Add a Gadget” link to open the Add a Gadget window:
In the Add a Gadget window, scroll down and find the “HTML/Javascript” gadget. Click on the “+” icon to add it.



Paste the Chatroll embed code into the HTML/Javascript gadget.
On the new HTML/Javascript gadget screen, enter a title for the gadget. A good title should alert your readers that this is your site’s live chat. Here’s the important part: Paste the chat window embed code into the Content area (this is the code you copied from Chatroll in step 2):

Finally, click “Save”. The gadget should now be visible in your blog’s layout.
That’s it! You’ve just chat-enabled your Blogger or Blogspot blog! You can now use the Blogger Layout tab to drag the chat box widget wherever you want in your blog’s layout.
Here’s a few more tips for best results:
Position the chat box so it appears on every page: For best results, place the chat box where it will appear on every page, so that your readers can continue their conversation even if they move from one page to another within your blog.
Match the chat box colors and size to your blog’s template:To further maximize your chat widgets’s success, you’ll want to customize it to match your site design. Chatroll lets you customize the position, size, and color of the chat to fit in perfectly with your blog’s template. Each time you customize the chat, simply click “Edit” on the chat gadget in the Blogger Layout page and re-paste the embed code.
Thank you for reading, we hope this article has been useful for you.. Enjoy your new Chatroll chat box widget!

31 Response to Add a Free Chat Box Widget to Your Blogspot Blog

  1. شات says:

    thnks alot very much realy

  2. Anonymous says:

    It's a shame you don't have a donate button! I'd certainly donate to this superb blog! I guess for now i'll settle for book-marking and adding your RSS feed to my Google
    account. I look forward to new updates and will talk about this website with my Facebook
    group. Chat soon!

    my web site ... forgot twitter password

  3. Anonymous says:

    I would like to thank you for the efforts you've put in penning this blog. I am hoping to check out the same high-grade blog posts from you in the future as well. In truth, your creative writing abilities has encouraged me to get my own blog now ;)

    Feel free to visit my page; funny cat kitten pictures

  4. Anonymous says:

    Thanks a bunch for sharing this with all
    of us you actually understand what you are speaking about!
    Bookmarked. Kindly also discuss with my web site =).
    We may have a link alternate arrangement between us

    my web blog: physical therapy assistant books

  5. Anonymous says:

    Ahaa, its nice dialogue about this piece of writing here at this blog, I have
    read all that, so at this time me also commenting here.



    My web site henderson golf schools

  6. Anonymous says:

    Marvelous, what a web site it is! This blog presents useful data to us,
    keep it up.

    Feel free to surf to my blog post :: sushi rice cooker

  7. Anonymous says:

    Heya i am for the first time here. I came across this board and I in finding It truly useful & it helped me out a lot.
    I hope to give something back and aid others like
    you helped me.

    Also visit my web blog ... back pain relief

  8. Anonymous says:

    Attractive section of content. I just stumbled upon your site and in accession capital to assert that I acquire in fact enjoyed account your blog posts.
    Anyway I will be subscribing to your feeds and even I achievement you access
    consistently rapidly.

    My homepage :: stiff neck pain causes

  9. Anonymous says:

    This is my first time pay a quick visit at here and i am truly pleassant to read all at one place.


    My blog post :: local real estate agencies

  10. Anonymous says:

    Great delivery. Great arguments. Keep up the great effort.


    Here is my website ... biznis directory slovenija

  11. Anonymous says:

    I believe what you typed made a great deal of sense.
    But, think about this, suppose you wrote a catchier title?

    I ain't suggesting your information is not good., but what if you added something to maybe grab a person's attention?
    I mean "Add a Free Chat Box Widget to Your Blogspot Blog"
    is kinda vanilla. You could peek at Yahoo's front page and watch how they create post headlines to get people to click. You might try adding a video or a related pic or two to grab people interested about everything've written.

    In my opinion, it might make your website a little livelier.



    my web site film discussion guides

  12. Anonymous says:

    Hi there! I could have sworn I've been to this site before but after reading through some of the post I realized it's new to me.

    Anyhow, I'm definitely delighted I found it and I'll be bookmarking and checking back frequently!


    Here is my web blog; second hand golf buggies For sale

  13. Anonymous says:

    Wonderful article! That is the kind of info that should be
    shared around the web. Shame on the seek engines for no longer
    positioning this post higher! Come on over and talk over with my website
    . Thank you =)

    my homepage: Xtrasize Review

  14. Anonymous says:

    naturally like your web-site but you need to check the spelling on
    quite a few of your posts. A number of them are rife with spelling issues and I to find it very bothersome to tell the truth then again I will definitely come again
    again.

    my site - Orlando Chiropractor

  15. Anonymous says:

    I really like your blog.. very nice colors & theme. Did you design this website yourself or did
    you hire someone to do it for you? Plz answer back as I'm looking to create my own blog and would like to find out where u got this from. appreciate it

    Visit my blog post Beta Force

  16. Anonymous says:

    Great beat ! I would like to apprentice while you amend your web site, how can i subscribe for a
    blog website? The account helped me a acceptable deal.
    I had been tiny bit acquainted of this your broadcast offered bright clear concept

    Here is my blog post pc repair charlotte nc

  17. Anonymous says:

    This is a topic that's near to my heart... Thank you! Where are your contact details though?

    Also visit my blog chiropractor

  18. Anonymous says:

    Very soon this web site will be famous among all blogging
    visitors, due to it's pleasant articles or reviews

    My web site ... Skin treatment

  19. Anonymous says:

    Appreciate this post. Will try it out.

    Here is my webpage; college essay sample

  20. Anonymous says:

    Hi, I would like to subscribe for this website to get hottest updates,
    so where can i do it please help.

    Feel free to surf to my web blog: abstract for research paper

  21. Anonymous says:

    Hi! This is my 1st comment here so I just wanted to give a quick shout out
    and say I genuinely enjoy reading your blog posts.

    Can you suggest any other blogs/websites/forums that cover the same topics?
    Thank you!

    Here is my blog post ... Le Parfait

  22. Anonymous says:

    I just could not go away your site prior to
    suggesting that I really loved the usual info a person supply for your guests?

    Is going to be again regularly to inspect new posts

    my site Sapphire Electronic Cigarette

  23. Anonymous says:

    I enjoy what you guys are usually up too. Such clever work and reporting!
    Keep up the fantastic works guys I've added you guys to our blogroll.

    Feel free to surf to my web blog Muscle Rev Xtreme REviews

  24. Anonymous says:

    Thanks designed for sharing such a good thought, piece of writing is
    good, thats why i have read it fully

    my homepage: computer parts charlotte north carolina

  25. Anonymous says:

    Have you ever considered creating an e-book or guest authoring on
    other blogs? I have a blog based on the same topics you discuss and would really like to
    have you share some stories/information. I know my audience would value your work.

    If you're even remotely interested, feel free to shoot me an email.

    Feel free to visit my web-site - USA real estate directories

  26. Anonymous says:

    I really like it whenever people get together and share views.
    Great website, keep it up!

    Here is my homepage :: Saphire Ecig Review

  27. Anonymous says:

    I got this site from my buddy who informed
    me on the topic of this web page and at
    the moment this time I am browsing this web page and reading very informative content here.


    Feel free to surf to my homepage: personal injury attorney

  28. Anonymous says:

    Howdy this is kind of of off topic but I was wanting to know if
    blogs use WYSIWYG editors or if you have to manually code with HTML.
    I'm starting a blog soon but have no coding expertise so I wanted to get advice from someone with experience. Any help would be enormously appreciated!

    Here is my web site; edheads virtual hip surgery

  29. Anonymous says:

    Simply desire to say your article is as astonishing.
    The clearness in your post is just excellent and
    i can assume you're an expert on this subject. Fine with your permission allow me to grab your RSS feed to keep updated with forthcoming post. Thanks a million and please carry on the gratifying work.

    Here is my site; las vegas golf schools

  30. Anonymous says:

    I do not even know how I ended up here, but I thought this post was great.
    I don't know who you are but definitely you are going to a famous blogger if you aren't already ;
    ) Cheers!

    My blog post; Working Online

  31. Anonymous says:

    Hello, I enjoy reading all of your article. I wanted to write a little
    comment to support you.

    Look into my web blog :: real estate agent directory

Post a Comment