Olark is a lightweight method to chat with visitors to your website using your existing instant messaging client. Visitors to your website appear as buddies on your Buddy list, their messages to you appear as IMs.
Ok, so the last version of my color customization tool was pretty much unusable. I have improved the old customization tool to make it compatible with IE6, while adding a few text fields so you can change the default text found in Hab.la. Now users who don’t like to look at code can change hab.la’s look and feel using a very simple customization interface.
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:
Comments [0]