Author bio is one of the best things in your blog to show your presence, experience, goal etc. There are plug-in present to show author bio in wordpress blog, but keep in mind those plug-in may not suitable for your blog template. Some plug-in have error, some make your blog heavy. The best way to put author bio is manual by coding you just have pretty knowledge about coding. This method is fully customized and tested. You may have to put the code at the right place of the editor.

Let me to explain what you have to do, simply login at your wordpress and go to theme editor and open single.php put the first script in that place at above of the div, keep in your mind never put at the end this may interrupt your theme. Then paste the second CSS script in you style.css file at the end of the file this may not affected for theme.

This procedure shows your bio at the bottom of every post. To put image expect avatar you have to use a light weight plug-in which is named as sem-author-image, this is very light weighted and not take effect on your template. To download this plug-in simply see below.
Let me to explain you the all procedure.

1: Login at your wordpress and go to user profile. See the below image.

2: Fill Your Bio in Your wordpress and other information if you want. See the below image.

3: Download sem-author-image plug-in and install in your wordpress and activate it to see the option for image. See the below image.

4: Upload and image

5: Put the first script in your single.php file. See below image.

6: Put the second script in your style.css file. See below image.

First Script:

<div id=”author-bio”>
<h3>About The Author</h3>
<?php the_author_image();?>
<h4><?php the_author(); ?></h4>
<?php the_author_description(); ?>
</div><!–end author-bio–>

Second Script:

#author-bio { border-top: 1px dotted #cccccc; border-bottom: 1px dotted #cccccc; padding: 15px 0; }
#author-bio h3 { font-size: 18px; margin: 0 0 10px 0; }
#author-bio h4 { font-size: 14px; margin: 0 0 3px 0; }
#author-bio img { float: left; width: 75px; padding: 2px; border: 1px solid #cccccc; margin: 5px 15px 0 0; }

Download plug-in here: Download

Watch this video to save your time

For any question fell free to comment