How to add a Gravatar to a page

Add a Gravatar to a page

Want to add a Gravatar to a page? Adding a Gravatar to your page is a great way to display your image and keep it up to date without ever having to touch the page again.  I use it for my “About” page.  See the example on the left.

Adding a Gravatar is actually very easy.  This can be done by simply inserting the code below into your page or post;

<img src="http://www.gravatar.com/avatar/b4a74489a8fd85c5805071ea09d3f1e2" />

The long number above “b4a74489a8fd85c5805071ea09d3f1e2” is my Gravatar ID.  If you don’t want my face to appear on your page; you should replace it with your Gravatar ID.

NOTE: Use your text editor when adding the code to display a Gravatar on your post/page.  Using the Visual Editor to add the code will result in the code displaying and not your Gravatar.

Size

By default your Gravatar will be presented as an 80px by 80px size image if no parameter is supplied.  You can adjust the size of your Gravatar by adding the s= parameter and passing a single pixel dimension (since the image is square). Below is an example.

<img src="http://www.gravatar.com/avatar/b4a74489a8fd85c5805071ea09d3f1e2?s=200" />

Make it round

If you want to make your Gravatar round like mine, just add a little bit of inline CSS as below.

<img class="alignleft" style="border-radius: 50%;" src="http://www.gravatar.com/avatar/b4a74489a8fd85c5805071ea09d3f1e2?s=200" />

There are a whole bunch of other things that can be done with your Gravatar.  Check out this site for additional info.