How To Add Author Box To Blogger

                                             

Today I'm Going To Explain How To Add Author Box To Blogger Adding the 

definition of the writer or information about author, Is an addition that every 

blogger cares about, especially the collective blogs this add-on is a  

fundamental pillar out and filled the Internet much of additions some are 

good and the other below the level and kind of change and keep up with the 

developments you design a new addition will be, developments you design a 

new addition will be, About author is very useful and will meet many needs 

and will attract often seeks book writer that people know the location and 

services, and this add-on will do so professionally how?


Simply it's design is distinctive and attractive but of course this is not the 

foundation, and the new thing about it that it provides added group icons 

attractive to the most important what he loves writer that knows its readers 

and communicate with him about the way, has been added icons months 

social networking sites like Facebook, Twitter, and  Google plus in addition to 

Youtube icon for your site Portrait.Just follow these simple steps:-

Step 1:-Search for this code ]]></b:skin> by pressing CTRL+F

Step 2:-Above it copy this code:-

}author_info {
float: right;
width: 573px;
padding: 10px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: left;
margin: 0 0 0 10px;
}
.author_photo img {
margin-right: 10px;
border: 1px solid #e0e0e0;
}

Step 3:-Search for this code CTRL+F:-

<div class='post-footer-line post-footer-line-1'>

Past this code above it

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='author_info'>
<div class='author_photo'>
<img alt='author' src='https://lh6.googleusercontent.com/-jKbXnIlQw9k/AAAAAAAAAAI/AAAAAAAACVU/GELJS2v6xLs/s250-c-k/photo.jpg'/></div>
<h3>About the Author</h3> This article is written by: <a href='YOUR_BLOGGER_PROFILE_LINK'><b>YourName</b></a> - who has already written <b>30</b> articles for <a href='BLOG_LINK'>BLOG_NAME</a> YourName is a professional web designer. Catch him on <a href='http://twitter.com/yourID'>Twitter</a>, <a href='Your Facebook URL'>Facebook</a> or <a href='your e mail ID'>email</a> him <br> </br> <br> </br>
YourName&#39;s <a href='your web url'>Website</a><br style='clear:both;'/>

</div>

</b:if>

Replace the information and links with your's,That is it you can customize the 

code above with your own links, images and your name.