Add Author Information Box Below Every Post To Blogger

         Author Box is a important widget for Blogger or Website holder. Having an author box is very important, because people love to know about the person behind the blog. It will also help those bloggers who have more than one authors writing for their blogs. An author box can include information such as the author's name, a short biography about the author and a small thumbnail picture of the author. You have seen
About Author Box in my blog below every post.

How Author box looks like

It looks like below image:

Add Author Box Below Every Post ~ Blogger

1. First Log in to your blogger account and go to Template >> Edit HTML >> Check Expand Widget Templates. 
2. Now Find the below code [Use Ctrl+F to find]:
   
   

   ]]></b:skin>

   Just above it paste the following codes:
   
   

   .author-box p {
   margin: 0;
   padding: 0;
   }
   .author-box img {
   background: #FFFFFF;
   float: left;
   margin: 0 10px 0 0;
   padding: 4px;
   border: 1px solid #E6E6E6;
   }

3. Now search for the given code:
   
   

   <div class='post-footer-line post-footer-line-1'/>

   Just below it paste the codes given below:
   
   

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   
   <div class='author-box'>
   
   <p><img alt='' class='avatar avatar-70 photo' height='70' src='Your Image Link' width='70'/><b>About the Author</b><br/>
   
   <div style='text-align: justify; font-family: verdana; color: rgb(0, 0, 0);'> Write Something About Yourself <br/>
   
   
   Connect Him on <a href='https://plus.google.com/Your Google Plus ID'>Google Plus</a> And <a href='https://www.facebook.com/Username'>Facebook</a>
   
   <p style='margin:-8px 0'><br/><center>
   
   <a href='http://www.mybesttricks.com/2013/01/add-author-information-box-below-every.html' style='text-decoration:none;font-size:70%;'>Get This</a></center>
   </p></div></p>
   
   </div>
   
   </b:if>

   Change the Blue lines in above code.
   Your Image Link, Write Something About Yourself, Your Google Plus ID, Username
4. Before you save your template check preview. And then Save your template.

You have done all. Comment & Rate.