Olark

Ok, I’ve seen a lot of people looking for an option to show whether you are offline or online without javascript. (Ok a lot meaning, just a few) First, you’ll need to know your site-ID.

You can find this in My Hab.la, it will be in the javascript for your site. wc_init("THIS_NUMBER_IS_YOUR_ID")

Now here’s the trick:

The Code:

<a href = "http://static.hab.la/js/html/url_handler.html?siteid=SITE_ID_HERE">
<img src="http://images.async.hab.la/status/SITE_ID_HERE/image.png?online=ONLINE_IMAGE_URL
&offline=OFFLINE_IMAGE_URL" border=0></a>
<!-- be sure to remove the spaces when you paste the code -->

An Example:

<a href = "http://static.hab.la/js/html/url_handler.html?siteid=SITE_ID_HERE">
<img src="http://images.async.hab.la/status/SITE_ID_HERE/image.png?
online=http://www.griffith.k12.in.us/*Beiriger/FROGS/frog.jpg
&offline=http://www.epa.state.il.us/water/conservation-2000/lake-notes
/aquatic-plant-management/images/lilly-pad.gif" border=0></a>

This Produces:

i.e. A frog when someone at Hab.la is online, or a lily-pad when we are gone. I think you can see how this same method could be extended for offline/online status on any page that doesn’t support javascript. We’ll have longer tutorial for creating an offline/online image that work with the javascript later.

This same method can be used for placing a hab.la link on myspace. [However, they don’t let you include images with ‘?’ if I remember correctly. They might now even like .cgi URLs.. in any case for Myspace you can probably do the below:]

<a href = "http://static.hab.la/js/html/url_handler.html?siteid=SITE_ID_HERE">
<img src="http://images.async.hab.la/status/SITE_ID_HERE/image.png" border=0></a>

Which will produce: