Add About Author Box In Blogger Blog

Today You Will Learn How To Add Author Box In Blogger Blog. You Can Simply Add Simple And Beautiful Author Box Below Every Post In Blogger By Adding Some CSS And HTML Code. About Author Box Is Used To Show Information About Author. Follow The Steps Below To Add Author Box To Your Blog Posts.

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>

4. 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>

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

<data:post.body/>

6. 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>

7. Replace Your-Image-URL With Your Image Link And Image Size 64x64.
8. Click Save Template Button To Save Your Blog Template.

Enjoy Author Box Is Ready In Your Blog :)

Categories: css , google , Javascript