How to show blog author or writer info in every blogger post ?

The author or writer of any blog in blogger or wordpress is the main person who shares their great thought around the blogger world. So it is not a bad idea if you add a section about author or writer info in every blogger post . If you notice my blog, you noticed that little info is available in my every blog post like below picture

Now you may use this author or writer info in your every blogger post. See here how to do -

1. First login to Blogger and navigate to Design >>>>Edit HTML.

2. Download the full HTML as a backup in your computer for any unwanted accident.

3. Find out this ]]></b:skin> code

4.After finding this above code add the below code before ]]></b:skin>


.about-author { background:#EBF3FB none repeat scroll 0 0; border:1px solid #D4E2E8; font-size:1em; line-height:1.5em; margin:0 0 20px; padding:10px; } .about-author img { background:#FFFFFF none repeat scroll 0 0; border:1px solid #9ED0DE; display:inline; float:left; margin:0 15px 0 0; }

5. After adding this above code again search this <data:post.body/>  code in your HTML Template

6. Now add the below code immediately after <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <div class='about-author'> <img alt='Your Name' height='100' src='Image URL' width='100'/> <h4>Author: <a href='Add any link over here' target='_blank'>Your Name</a></h4> <p>Write something about yourself here. </p> </div> </b:if>  
7. Before copy the above code in your blogger template you may edit this above code like below

* Your Name = Provide the blog writer or author name

* Image Url = To show your blogger or author image provide the image url in src='Image Url'

* Add any link over here = link the blog author or writer with social site such as Facebook, Twitter

* Then write something about author or writer in "Write something about yourself here"

Now save the Template and enjoy.