Add Icon Picture Image Before/After Blogger Post Title

1:39:00 PM |

How to add an image before the blogger posts title as you would have seen it many blogs or seen author pictures to be dispalyed before the beggining of the post title.It really looks good to the blog,and one of reader ask it how to get this image to be displayed in post title.So i thought of the holding an tutorial on it.
 How to add image before each blogger post title:-

Log in to Blogger Go to Design -> Edit HTML -> Click on Expand Widget Templates
Press (CTRL+F) and Find below code in the template:

<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
You have to add below line in between above codes.
<img src="http://www.thescifiworld.net/img/hotfeatures/avatars44.jpg" style="border-width: 0px;" />
Please change the url in red in above with your image url which you want to display before blogger post title.

If you add the line after

- red part of codemy picture will be ABOVE
green part of codemy picture will be on the LEFT
yellow part of codemy picture will be on the RIGHT
blue part of codemy picture will be UNDER