Add About Author Box Below Each Post In Blogger

About Author is more popular gadget to blogger now.Most of are using it.Actually, this is very important it who are doing guest posting, Anyway, you can try to add this to your blog.

DEMO

1. Log in to blogger account and Go to Design >> Edit HTML

2. Find this tag by using Ctrl+F    ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag

/* Bloggertrix  */
.author-box {
background: #fff;
margin: 10px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 2px;
border: 1px solid #E6E6E6;
}

4. Find this tag by using Ctrl+F   <data:post.body/>

5. Paste below code After <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAhWa4Cf7O7aFVsuXkDav_iIW-ZmaGw6FwpPezEcoXztDzUMkNr-K8LT0YEtA27zUjKf60AMk-7dCgb1QBoESYJibBsMI6oejmdWGdUmk34nMz4QuOnBm_G45BIaKdL3sIfDxyUSYZPToL/s1600/blogger.png' width='70'/><b>About the Author</b><br/>
<div style='text-align: justify; font-family: verdana; color: #000;'>
Lorem ipsum brute utinam nominati vel ut, te vis liber aliquid. Te vis vide dolores erroribus. Debitis dolorem eu pro, semper mollis dissentiunt nam at. Regione molestie dissentiet sit te. Has cetero indoctum posidonium et, dissentiunt deterruisset pro an.<br/>
</div>
</p>
</div>
</b:if> 

*Replace Image link and blue color text with your own text.

6. Now save your Template.

    You are done...