hAvatar FTW!

Feb 9
Posted on February 9, 2008 19:02 in Problems & Solutions, Projects

hAvatar Example

If you ever read the comments here, you might have noticed the avatars that show up with some people. These are not Gravatars or MyBlogLog avatars, no they are avatars personally hosted by those commenters on their own site. What drives this mechanism? The plugin is called hAvatar and the technology involves Microformats.

hAvatar is build by Alper and what it does is simple: it fetches the URL you use in the comment (either your OpenID or other URL) and sees if you have a hCard on that page. A hCard is a Microformat and is nothing more than some extra semantics added to your page that represents you business-card. In the very literal sense, a hCard is the Microformat equivalent of the vCard format.

Now, if your hCard has a photo attached to it, the hAvatar plugin will take that URL, wrap it in a tag and return it to the template. All you then need to do is call the hAvatar call somewhere in your comments loop, and boom you have an open-standards-defined avatar system on your blog!

Download it here and take a look at my front page for an example of an hCard with an attached photo. People using the plugin at the moment include MissGeeky, TheBleacher, and obviously Alper and I.

3 Responses to “hAvatar FTW!”

  1. Cool post Cris!

    (And I updated my avatar last night, which should propagate through al sites now.)

  2. Mark Ng says:

    This is interesting – I wonder if it’ll work with my hCard ?

Leave a Reply