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 !

Related Posts via Categories

• Adsense Earnings based on Buying Keywords
• 20+ Codes and Hacks Every WordPress User Should Know
• Use Google Related Links To Display Related Articles In Your Blog
• How to Create Author.php Page For Your WordPress Blog
• How To Show Next and Previous Post Below Comment Box
• Understanding Different Types Of Hosting
• Moving to Custom Domain in Blogger
• Wblogger The Best Offline Blogging Client
• Welcome To HTML Tutorials : Introduction : Lesson 1
• Mashable Violating Google Adsense Rules By Encouraging Accidental Clicks : Post Updated