Practice Exams for Windows

Practice Exams for Windows

Thursday, 16 August 2007

Adding your Gravatar to Blogger


Updated to correct dead links.

I recently learned about Gravatar (globally recognized avatar). It's a pretty neat website that allows you to host an avatar and use it all over the web. Some blogging applications have support for Gravatar but Blogger doesn't (yet). I have found out how to get your Gravatar onto Blogger. Simply go to gravatar.com and sign up, then upload your avatar and assign it to your email address. If you don't know what to use as an avatar you could Simpsonize yourself like I did. Once that is done you will need the link to your gravatar, that isn't easily accessible from the gravatar website, but you can work it out. The URL starts like this:
http://www.gravatar.com/avatar.php?gravatar_id=
On the end of the url you need to put a MD5 hash on the end of it. Visit miracle salad to create your MD5 hash. On the miracle salad page simply enter the email you used to sign-up to Gravatar in the "string" text box and click "md5". Copy the string it provides you and paste it onto the end of the url above, it should then look something like this:
http://www.gravatar.com/avatar.php?gravatar_id=a523b634c1fe4e20ba8a727bd2b3f9f3

You can now use that URL to post your gravatar anywhere.

23 comments:

  1. Hi Wayne,that's really cool. Where exactly is the code embeded in the Blogger template?

    ReplyDelete
  2. Assuming you want to add your gravatar to your sidebar:
    Add the image sidebar element and point the image url to the url you generated for your gravatar.

    If you wanted to embed the image in every post you can also do that but It'd be a little different.

    ReplyDelete
  3. Hi Wayne, I finally managed to find the exact spot at the Blogger's template (not the side bar) to embed the code. It worked beautifully. Thanks, without your javascript and other pointers that would not have been possible.However, I notice that my post message does not wrap around the gravatar image. Your text does and it looks great with the post message neatly wrapped around your Simpson gravatar on its right.
    What do I have to do to make that happen on my blog? According to Blogger it should happen that way after enabling "Float alignment" in the "Settings" tab; but it does not wrap the text around the gravatar.
    I am a 56 year old retiree and I am learning all this by trial and error. If you wish to see what I have done so far at my blog, it is at:
    http://circlesinaspiral.blogspot.com
    Cheers!

    ReplyDelete
  4. what about embedding with the comments?

    ReplyDelete
  5. Anyone knows how to make our comments section shows gravatars of the commenter in blogger? Please let me know if you have any idea.

    Isaac Yassar
    http://isaacyassar.blogspot.com

    ReplyDelete
  6. wow thanks for the tip!

    the simpsonizer was cool too!

    ReplyDelete
  7. hey wayne...slightly off topic here, but how did u get that awesome graphic installed at the top of your blog? i want to do that on mine too!!! thanks

    ReplyDelete
  8. I think that it's crazy that Blogger still doesn't support Gravatar for commenting.

    ReplyDelete
  9. what about embedding your gravatar info into the post? website, contact info etc? md5 hash just links to my avatar. http://www.gravatar.com/avatar.php?gravatar_id=56710c2bf73013310b33beb5dae27ebf

    ReplyDelete
  10. I'm hoping Blogger will simply add support for gravatars soon...

    ReplyDelete
  11. Hi I have tried this, and what I see on blogger is a link that leads me not my gravatar profile but just to my image. am i doing something wrong. thanks

    Unless some code must be put inside the template, but what about others's pages. I think the best way on blogger is to sign on with the blogger avatar and then add on the profile the gravatar link as address instead of website. Probably a nice idea and alternative way to show our profile at gravatar

    ReplyDelete
  12. thanks for this tip. twas very helpful :)

    ReplyDelete
  13. thanks for the info...i really appreciate it

    ReplyDelete
  14. I Will Provide Seo Blog Comment Service. & niche relevant blog comment service we provide a quality service with 100% Buyer satisfaction and My team Believed in Quality work not Quantity Contact me Now 24/7.

    ReplyDelete