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. It 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. 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.
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.
“DISCLOSURE: I may be an affiliate for products that I recommend. If you purchase those items through my links I will earn a commission. You will not pay more when buying a product through my link. In fact, I oftentimes am able to negotiate a lower rate (or bonuses) not available elsewhere. Plus, when you order through my link, it helps me to continue to offer you lots of free stuff. 🙂 Thank you, in advance for your support”