I get to cross another item off of my list of things that I want to do sometime! I have wanted to add avatars to the comments on this site for a while now. I think they are beneficial because it helps to put a face to the name and makes the site a bit more friendly. Well, that's my opinion anyway.

Anyway, I now have this site set up to display your MyBlogLog avatar next to any comments you leave. Rather than use some widget or plug-in to accomplish this, I followed these directions and made a few small changes to my theme templates. I don't know if this will make any difference in terms of performance and reliability, I would just rather edit the template.

I did make a few small changes to the directions, and the link code I used is:

<div class="mybloglog-image"><a href=http://www.mybloglog.com/buzz/co_redir.php?t=&href=<?php comment_author_url(); ?>&n=<?php comment_author(); ?> target="_blank"><img src=http://pub.mybloglog.com/coiserv.php?href=<?php comment_author_url(); ?> border="0" alt="Visit my Community at MyBlogLog" title="Visit my Community at MyBlogLog" onload="if (this.width < 48) { this.title = 'Get a MyBlogLog account'; this.alt = 'Get a MyBlogLog account'}" /></a></div>

And the addition to my stylesheet (it goes right after all the other elements referencing comments) is:

.mybloglog-image
{
float: right;
margin-top: 0px;
margin-left: 10px;
}

I changed the top margin to 0 because with the way my comments are set up, the name and date lines provide enough margin and having a top margin pushed the image down too far for one-line comments to look decent.