How to show Author Profile Name on the top in each blog post

If you are an author of any blogger blog and write articles on various topics, you may would like to show your name and profile photo with some introduction in each blog post.

By default Blogger BlogSpot Blog displays the only name of post author with link to the blogger blog author profile (if not linked to Google+) at the end of each blog posts. But, many bloggers want to display their name at the top of every article and a short author bio with image and name below each blog post.

However, if you have customised your blogger template or using third party downloaded free blogger templates then it may be possible that the author profile is not working for your blog. So, please read this article very carefully and enjoy the right to show your name with intro in each article/posts.

How to show Author Profile Name on the top in each blog post

Step-1:

Sign-in to your blogger account and click on your blog name or go to the dashboard.

Step-2:

padding:5px 0;
margin:0;
text-transform:auto;
line-height:24px;
word-wrap:break-word;
}
.swt-author profile info {
font-size: 12px;
text-align: justify;
font-family: 'Droid Serif', serif;
}
.swt-author profile img {
float: left;
margin: 5px;
width:125px;
border: 2px solid #666;
border-radius:25px;
opacity:0.4;
filter:alpha(opacity=40);
transition:width 1s, height 1s, transform 1s;
-webkit-transition:width 1s, height 1s, -webkit-transform 1s;
}
.swt-author profile img:hover {
border-radius:5px;
opacity:1.0;
filter:alpha(opacity=100);
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
/* Tutorial at: http://www.superwebtricks.com/?p=321 */}