Add Author Bio Box to Your Blogger

1.Login to your blogger dashboard--> Design- -> Edit HTML

2.Scroll down to where you see ]]></b:skin> tag .

3.Copy below code and paste it just After ]]></b:skin> tag

<style type='text/css'>                                 

#Bttoolz Author Box {                                  

background: none repeat scroll 0 0 #EDEDED;                                    

padding: 10px;                                     

margin-top:10px;}                                     

.authoravatar {float:left;margin-right:10px;padding:4px;background:#ccc;border:1px solid #222222;}                                 

.postauthor {float:left;}                                  

</style>

4.Now Scroll down to where you see <data:post.body/> tag.

5.Copy below code and paste it just After <data:post.body/> tag.

-----------------------------------------------------------------------------------------------------------------------------------------------------------------<div style='clear:both'/> <div id='Bttoolz Author Box'> <!-- Author Bio-->  

<!-- Code By templatedoctor.blogspot.com -->

<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.author == "NAME OF AUTHOR"'> <img class='authoravatar' height='39' src='IMAGE URL OF AUTHOR' width='39'/> <div class='postauthor'> <h3><a href='AUTHOR'URL Here'>NAME OF AUTHOR </a></h3> <p> NOTES ABOUT Your Self </p> </div> <div style='clear:both'/> </b:if> -----------------------------------------------------------------------------------------------------------------------------------------------------------------

6. Now Save Template And You are done..

Read more: templatesdoctor
Under Creative Commons License: Attribution