It will look something like this:
<div> <a href = "http://static.olark.com/js/html/url_handler.html?siteid=your_site_id"> <img src="http://dyn.olark.com/online/image.cgi/your_site_id/1.gif" border=0></a><br/> <small>Powered By <a href="http://olark.com" target="_blank">Olark</a><small> </div>
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
Look for fields typically under "Additional Options" that allow the insertion of html code. See the images for examples...
If you can't find a field that lets you enter html, try changing your theme to something like Pistachio Mint or Draft Olive
- 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
- Now when visitors click the Olark badge on your blog, an Olark chat window will appear!