Adding Olark to your LiveJournal page

Due to the fact that LiveJournal filters out all JavaScript before displaying a blog, this tutorial follows the general instructions found in our Sites without JavaScript Tutorial. Therefore functionality will be somewhat limited compared to other approaches.

Let's Go!

1. Log in to Olark
2. Figure out which cool status badge you want to use, and copy the necessary JavaScript
   
   It will look something like this:

                  <div>
                   	<a href = "http://static.olark.com/js/html/url_handler.html?siteid=YOUR_HABLA_ID_CODE">
                  	<img src="http://dyn.olark.com/online/image.cgi/YOUR_HABLA_ID_CODE/1.gif" border=0></a><br/>
                  	<small>Powered By <a href="http://olark.com" target="_blank">Olark</a><small>
                  </div>
                   		

3. Make sure that you have a theme that lets you place html somewhere on your layout. To check this, navigate to the Customize your theme section and log in
   
4. Look for fields typically under "Additional Options" that allow the insertion of html code. See the images for examples...
5. If you can't find a field that lets you enter html, try changing your theme to something like Pistachio Mint or Draft Olive
   
6. Otherwise, simply paste the Olark code you copied at the beginning of the tutorial into a field that accepts html code and hit Save Changes
   
   
7. Now when visitors click the Olark badge on your blog, an Olark chat window will appear!