How To Add Avatar or Profile Photo Of Author Next To Blog Titles

Learn how to add avatar or profile picture of author in your blog . By adding image beside the title post it give professional look and also helps reader to know who published particular article .

For example, your blog contains different authors readers of your blog will get confused who published article and by adding this simple trick you can add avatar beside post title .

Tutorial : How To Add Avatar or Profile Photo Of Author Next To Blog Titles

• Login To Blogger Dashboard .
• Backup your blogger template ( Don't know how to backup : click here ) 
• Now click on Edit HTML . 
• Search for .post h3 or .post h2 
• You will see the code like below .

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

• Now replace the entire code with the below code .

.post h3 {
background:url(IMAGE LINK OF YOUR PROFILE PIC) 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;
}

Customization :

Keep note always profile pic should be 40px by 40px .
Replace the colored Image Link with your