Add Author Image in Blogger Post Titles

The blogger post titles are not looking good if someone looking in a professional way. Then the WordPress sites are mainly designed her post titles with awesome look. You can finding in WordPress some sites are added author images in right side or left side of the post title. The photo is an best reader attraction to visiting more pages. Then you need to apply some CSS tricks. In our previous post i have discussed How to get better SEO from Blogger Post Title then mainly the H1 and H2 tag is best for blogger post tiles. In this topic you finding some interesting tips that how to ad author image in blogger every post titles.

Add Author Image in Blogger Post Titles

First Go to Dashboard > Design > Edit HTML > Expand Widget Templates

Then search the below code using Ctrl + F

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Then change the above red color tags with H2.

Then search below search code using Ctrl + F

    ]]></b:skin>

Just above it paste the below code

.post h2 {
background:url(Your Image) no-repeat;
color: #4A4949;
font:bold 180% Arial, sans-serif;
line-height:1.2em;
margin: 0 0 5px;
padding: 3px 0pt 15px 40px;
}
.post h2 a, .post h2 a:visited, .post h2 strong {
display:block;
text-decoration:none;
color:#4A4949;
}
.post h2 strong, .post h2 a:hover {
color: #333;
text-decoration: underline;
}

Now change red color your image text with your image link.

before adding any photo first size it in 38X39 dimension.

Then save your template.

Now visit your blog see your blog.

If you have getting any problem let me know comment here.