This trick is mostly useful to blogs with multiple authors,it can help visitors know which author owns a post . A single author blog can also use this widget to make their blogger more unique.
This widget will display your blogger profile image in your every post titles.Now let me show you how to add thewidget manually.
First Start by Adding CSS to Make Some Style
*.First go to blogger> template>Edit Template
*.Now find the code below. press CTRL + F and find]]></b:skin>
*.Just add the following code just before the above code.
.avatar-author{float:left;margin-right:9px;border-radius:45%;border:0;height:29px;width:29px;}
*Then you just add the given script just above the</head>tag:
<script>//<![CDATA[function av(a){var b=a.entry.author[0];c= b.name.$t;d=b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,'/s30$1/');document.write('<img alt="'+c+'" class="avatar-author" src="'+d+'" title="'+c+'"/>')}//]]></script>
* Lastly find<b:if cond='data:post.title'>, then add the following codes above it
<script expr:src='"/feeds/posts/default/" + data:post.id + "?alt=json-in-script&amp;callback=av"'/>
*Now Click on 'Save Template' button to save this template.
Congratulations You did it successfully. Enjoy blogging.