Add the Authors information below or above the article(postings) in blogs or domains

How to add the Authors information below or above the article(postings) in blogs or domains....
Add the Author information below of the blog post very easily.It was useful to the visitors to know about the blog or domain Author briefly,to improve the communication between Visitor and Author.Below providing HTML for make a Author information below of the blog post have also a small photograph option to set the Authors picture or Blog or Domain standard logo.just simple to set  the Authors information below of the blogger post please follow the simple steps.

1. Login to your blogger account
2. Dash Board----->Design----->Edit HTML----->
3. Give the tick mark to expand the HTML
4. and Search for press Ctrl+F fine ]]></b:skin>
5. ofter finding the  ]]></b:skin>
6. Past the following code above of the ]]></b:skin>
7. <!-- ABOUT AUTHOR STYLES http:/www.9digi.in/ -->
   .author {
     border: 0;
     padding: 0;
   }
   #author-details {
     background: #EBF3FB;
     border: 1px solid #D4E2E8;
     padding: 5px;
   }
   #author-details .author-image {
     float: left;
     margin-right: 10px;
   }
   <!-- ABOUT AUTHOR STYLES http://www.9digi.in/ --> 
8. And then search to find <data:post.body/>
9. ofter finding these code (<data:post.body/>),
10. Past the follow code Below of the <data:post.body/>
11. <!-- ABOUT AUTHOR http:/www.9digi.in/ -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='author'>
    <div id='author-details'>
    <b>About the Author</b>
    <div class='author-image'><img src='IMG-URL' height='80' width='80'/></div>
    <div class='author-desc'>
    AUTHOR DESCRIPTION
    </div>
    <div style='clear: both;'/>
    </div>
    </div>
    </b:if>
    <!-- ABOUT AUTHOR http:/www.9digi.in/ -->
12. Write about Author,Blog or Website something briefly  ''AUTHOR DESCRIPTION''
13. If you want the Author photograph or Website logo,just replace the your required image URL at ''IMG-URL'' above of the HTML code
14. Preview Image provide above of the Post