<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>{simplyCode}</title>
	<atom:link href="http://www.simplycode.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.simplycode.net</link>
	<description>Code is Life!</description>
	<lastBuildDate>Thu, 13 Jan 2011 07:15:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>How to add a chatroom to your site</title>
		<link>http://www.simplycode.net/2010/12/how-to-add-a-chatroom-to-your-site/</link>
		<comments>http://www.simplycode.net/2010/12/how-to-add-a-chatroom-to-your-site/#comments</comments>
		<pubDate>Mon, 13 Dec 2010 09:54:09 +0000</pubDate>
		<dc:creator>Omkar</dc:creator>
				<category><![CDATA[Webmaster]]></category>
		<category><![CDATA[UX]]></category>

		<guid isPermaLink="false">http://www.simplycode.net/?p=1</guid>
		<description><![CDATA[Ever wanted to give your blog readers or site users the ability to chat with fellow readers in real-time?
Here are the steps that will allow you to achieve it for free and with ease.]]></description>
			<content:encoded><![CDATA[<p>Ever wanted to give your blog readers or site users the ability to chat with fellow readers in real-time?</p>
<p>Such a functionality is often useful to build a community around your site, especially tutorial sites where users can learn along with each other while discussing the points where they have some queries. While comments are a definite way for readers to communicate with each other and the author, they lack the <em>real-time</em> factor. Hence the chat is needed.</p>
<p>2 solutions that I know of are:</p>
<ul>
<li>Jappix</li>
<li>Meebo</li>
</ul>
<p>Both allow anonymous logins and embedding of chat-rooms and are free. But Jappix is more elegant in its looks and also implementation.</p>
<p>Here are the steps that will allow you to achieve it using Jappix.</p>
<ol>
<li>Head over to <a title="Jappix website" href="http://www.jappix.com" target="_blank">the Jappix website</a> and select <strong>Register</strong>.</li>
<li>Enter the details and hit &#8220;Here we go&#8221;.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-register-account.png"><img class="aligncenter size-large wp-image-6" style="margin-top: 5px; margin-bottom: 5px; border: 1px solid black;" title="Jappix register account" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-register-account-1024x462.png" alt="" width="725" height="327" /></a>Be sure to remember the username and password as there will not be any email sent with those details.</li>
<li>If the username you selected is available, you should be displayed a confirmation. Click the <strong>Previous</strong> link at the top of the box to go to the home page and login with you newly created account.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-registration-confirmation.png"><img class="aligncenter size-large wp-image-7" style="margin-top: 5px; margin-bottom: 5px; border: 1px solid black;" title="Jappix registration confirmation" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-registration-confirmation-1024x462.png" alt="" width="725" height="327" /></a></li>
<li>Once logged in you will be presented with a welcome screen. Hit next or save on that and you mus be seeing something like this.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-join-a-chat.png"><img class="aligncenter size-large wp-image-8" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="Jappix join a chat" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-join-a-chat-1024x462.png" alt="" width="725" height="327" /></a></li>
<li>Click the <strong>Join a chat</strong> button, enter a name for you room and hit Enter. Join a chat certainly lets you join an existing chat, but if the name entered is of a non existing room then it will be created for you.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-Create-Room.png"><img class="aligncenter size-large wp-image-9" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="Jappix Create Room" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-Create-Room-1024x462.png" alt="" width="725" height="327" /></a></li>
<li>If the room is new you should see this message at the top.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-new-room.png"><img class="aligncenter size-large wp-image-10" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="Jappix new room" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-new-room-1024x462.png" alt="" width="725" height="327" /></a></li>
<li>Click on the yellow lock to set various options for the room. Be sure to check <strong>Make room persistent</strong>. Also <strong>uncheck Make room members-only</strong>. This will allow users to join the chat without going through the hassle of creating an account.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-room-Options.png"><img class="aligncenter size-large wp-image-11" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="Jappix room Options" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-room-Options-1024x462.png" alt="" width="725" height="327" /></a> Set other options as you may like and save. Now we are set to embed this chat room to the site.</li>
<li>Head to <a href="http://mini.jappix.com/get">Jappix mini</a> and enter the name of the room you just created.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-mini-room-name1.png"><img class="aligncenter size-large wp-image-18" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="Jappix mini room name" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-mini-room-name1-1024x462.png" alt="" width="725" height="327" /></a></li>
<li>In the integration options, select your website system, the language and whether jQuery is included on your site.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-mini-site-options1.png"><img class="aligncenter size-large wp-image-19" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="Jappix mini site options" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-mini-site-options1-1024x462.png" alt="" width="725" height="327" /></a></li>
<li>Copy the code from the installation tab and follow the instructions given for your website system.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-mini-code1.png"><img class="aligncenter size-large wp-image-17" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="Jappix mini code" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-mini-code1-1024x462.png" alt="" width="725" height="327" /></a></li>
<li>For wordpress, open footer.php from the theme editor and paste the code just before the end of the body tag (this is done for optimization reasons) even if the instructions say to put it in the head tag and save the file.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-mini-Wordpress-implementation1.png"><img class="aligncenter size-large wp-image-20" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="Jappix mini WordPress implementation" src="http://www.simplycode.net/wp-content/uploads/2010/12/Jappix-mini-Wordpress-implementation1-1024x462.png" alt="" width="725" height="327" /></a></li>
<li>That&#8217;s it. Now open up two browsers and you should see you chat appear at the bottom of the window.<a href="http://www.simplycode.net/wp-content/uploads/2010/12/working-jappix-mini-chat1.png"><img class="aligncenter size-large wp-image-21" style="border: 1px solid black; margin-top: 5px; margin-bottom: 5px;" title="working jappix mini chat" src="http://www.simplycode.net/wp-content/uploads/2010/12/working-jappix-mini-chat1-1024x603.png" alt="" width="725" height="426" /></a></li>
</ol>
<p>Please feel free to leave suggestions, comments or even other solutions that you found useful.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.simplycode.net/2010/12/how-to-add-a-chatroom-to-your-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

