Adding the Olark HTML to your Web Page -- No javascript required

We make it easy to add Olark to your web page, even when you can't use JavaScript (like eBay). Just follow the simple steps below. If you are not sure if the place you are trying to use Olark supports JavaScript, you should probably try the normal HTML tutorial first, and use this tutorial as a backup. Note: Some sites like Friendster and Myspace block iFrames, rendering even this method useless.

Adding the Olark HTML

1. Log into Olark

2. Select a pair of images you would like to represent your online/offline status by clicking on an image below:

   • 

     Hidden when unavailable

   • 
   • 
   • 
   • 
3. Now copy the following code:
   
   

    <div>
     	<a href = "http://static.olark.com/js/html/url_handler.html?url=http://www.yoursite.com&siteid=YOUR_HABLA_ID_CODE" target="_top">
    	<img src="http://image.async.olark.com/status/YOUR_HABLA_ID_CODE/1.gif" border=0></a><br/>
    	<small>Powered By <a href="http://olark.com" target="_blank">Olark</a><small>
    </div>
     		

For information on how to use your own custom images, take a look at the below blog post.
http://olark.com/articles/2007/10/19/online-offline-image-the-simple-way
4. Open your web-page in a text editor (i.e. TextEdit or a web-based HTML editor)
5. Paste the Olark HTML ONLY code anywhere in your web-page's HTML source. Preferrably somewhere that looks nice :-)
6. Be sure to replace YOUR_HABLA_ID_CODE with the code on your 'My Olark' page
7. Save your modified web page.
8. Upload it to your web server, if it isn't there already
9. That's it, you're done!