Monday, June 13, 2011

How to embed free chat room in blogger

Most people would want a chatroom on their blog for social interaction, others would want a chatroom for teen flirt. Most bloggers would want a chatroom for their readers to interact. In this tutorial we will discuss two types of chatrooms for blogger that will have a whole new feel to your blog and your readers. The first tutorial is showing you how to embed a chatroom or shout box to your blogger blog or any other webpage for free. This method is totally free and easy to use for everyone. Below is a step by step guide how to embed a free chat room in blogger sidebar gadgets or in a blogger post. Please click images if you need to enlarge and view what is needed to be done, every image is clickable.

Step 1: go to

Step 2: signup using facebook or your email.

Step 3: create a new live event. see image below

Step 4: Name your shout box, and click continue.

Step 5: Choose a platform to install on, in this case we choosing blogger. Please note that using the universal HTML code will also work.

Step 6: Chatroll will now show you how to embed the chat room in your blog, there is 2 ways to use this, either install chat room in your blogger post or install in side bar gadget. My recommendation is to use a side bar gadget where everyone can use it. If you plan using it in a blog post then please have reference to the chatroom using a hyperlinked button/picture saying "chat now on YOUR BLOG NAME"
click continue when you done.

Step 6: click continue and then click go to settings now.

Step 7: Now comes the fun part, you can customize your chatroll colours, admin, add your twitter account ect. Whats nice is that u can monetize your chatroll and earn money from chatting :) also add an image for your chatroll so people will want to chat, as this chatroll feature can either be private or public for people to see. Make it public to you gain traffic. save your settings and install .So play with the settings to best suit your needs. If you need any help let me know. 

Step 8: click install. You will be taken back to the page in step 5,choose blogger platform again.

Step 9: copy the code and add it as a gadget in blogger. use the HTML/Java gadget in blogger as this is a free blogger HTML embed able chat room.

Step 10: click save and view blog for results. PLEASE NOTE that in order to change the size of this chatroll blogger gadget you will need to chat the pixel in the HTML code. Below is my code i have created, the RED bit of the code is the pixels to change the size of the chatroll.

<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" allowtransparency="true" src="$0"></iframe><br/><div style="font-size:0.9em;text-align:center;"><a href="">Blogger Chat</a></div>

If you like this post please share with friends and join iClickMate for up and coming tutorials to make your blog a customizable blog. Join iClickMate facebook fanpage for news feed updates. Subscribe to our posts and get a free Blogger SEO fuel eBook for dummies.

Related links:


Post a Comment

© 2010 iClickMate
Bloggerized by Wayne Meyer, based on FUNK DESIGN design.