How To Add Gravatar Beside Post Title In Blogger : Tutorial

ADVERTISEMENTS

In my last article I told you about a tutorial on adding Gravatar to Wordpress blogs.I got a comment from one of the Blogger asking if Gravatars can be added on Blogger blogs also. I searched Gravatar official website for codes, but its written on their website that “We are in the process of discussing with Blogger the possibility of adding a gravatar template tag to their arsenal.” Luckily I came up with an idea to display your Gravatar beside post title in Blogger.

1. Open Blogger and go to Layout >> Edit HTML

2. Now, put a tick on Expand Widget Templates and search for the following code

<data:post.title/>

3. Basically this code will appear in your template like this

<a expr:href=’data:post.link’><data:post.title/></a>

4. Now, upload your Gravatar to any image hosting site say TinyPic and copy the link.

5. Replace the above code with the following code

<img align=’left’ border=’0px’ src=’your image link here’/> <a expr:href=’data:post.url’><data:post.title/></a>

6. If you want to show your Gravatar on right hand side then change the text from left to right in the code above.

It is a working method and is live on my demo blog here. This is how the design will look

7. Enjoy !

If you like this post, you will love these :

1. How To Add Gravatar Beside Each Post In Wordpress
2. How To Show Only Post Titles In Blog Archives : Blogger Hack
3. How To Add Different Meta Tags For Every Individual/Single Post In Blogger : Blogger Hack : Increase Traffic Part6
4. Where To Upload Javascripts For Blogger Templates
5. How To Make Your Blogger Template Search Engine Optimized
6. How to Add Javascripts To Your Blogger Template
7. How To Add Related Articles To Your Blog After Each Post In Blogger !!

Tagged as: blogger, templates, themes