Add About Author Widget

1. Login To Blogger Account.
2. Click Blog Title → Template → Edit HTML.
3. Click Proceed Button.
4. Tick Expand Widget Templates Checkbox And Search For The Following Code Using Ctrl+F.

]]></b:skin>

• Replace The Above Code With The Following Code.

 #about-author {background: #FBFBFB;margin: 10px;padding: 10px;border: 1px solid #EBEBEB;overflow:auto;font-size:17px;font-family:Cambria;}

#about-author p {margin: 0;padding: 0;}

#author-image {background: #FFFFFF url(Your-Image-URL) no-repeat;float: left;height:64px;width:64px;margin: 0 10px 0 0;padding: 4px;border: 2px solid #E6E6E6;}

    ]]></b:skin>

• Now Search For The Following Code In Template Using Ctrl+F.

     <data:post.body/>

• Replace The Above Code With The Following Code.

    <data:post.body/>

    <hr/>

    <div id='about-author'>

    <div id='author-image'></div>

    <p><b>About Author</b><br/>Write Author Description Here<br/></p>

    </div>

    </b:if>

Note:: 

Replace Your-Image-URL With Your Image Link And Add 71*71 image size for your profile picture. 

You can change all the part of the code in bold according to your needs.  

Click Save Template Button To Save Your Blog Template.