How to Add a Profile Image next to Your Blog Post Title

Add your Profile Image Next To Post Titles of your blog. Read how to:

This is another tweak to your blogger blog. Adding your profile image of your blogger profile to the title of blog posts will not really help you getting traffic or more readers to your blog, but it will enhance the look of your blog. This is simply a visual enhancement. To add your photo next to the tilte of blog posts, just go through the following steps and implement them to your blogger blog.
1. Sign in to your Blogger Dashboard.
2. Go to Templates then click 'Edit HTML' and hit Proceed if required.
3. It is wise to Backup your template before any editing is done. Backup your template by clicking on 'Backup/Restore' button and then 'Download Full Template'.
Search for .post h3 or .post h2 by pressing Ctrl+f and typing the search string in the search box.

You should see similar code like this:

.post h3 {
color: #7CA2C4;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal; 
margin: 0px;
padding: 0px 10px 0 47px;
}

Replace this entire block of code with the following:

.post h3 {
background:url(LINK TO YOUR PHOTO) no-repeat top left;
color: #289728;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal; height:45px;
margin: 0px;
padding: 0px 10px 0 47px;
line-height:1.1em;
}

5. You should replace 'LINK TO YOUR PHOTO' with the link to your image you have previously uploaded.
You are done. Visit your blog and see yourself how it is doing. Hope this helps!!!