How To Add About Author Box Below All Post In Your Blogger

Hi, Now i share a widget for you it shows authors details. It is very simple and effective widget. It show authors detail, also you can add Facebook,Google plus, Twitter profile links. It help to become popular author, and increase your followers. You can add it easily on your blog. Just follow below instructions.

Select on Template Option.

Click on Edit HTML .

Tick on Expand Templates

Find (CTRL+F) <div class='post-footer-line post-footer-line-1'> OR <div class='post-footer-line post-footer-line-2'/>.(Above code may be differ according to template,If you cannot find above code send it me via Email)

Copy and paste below code after above lines.

<b:if cond='data:blog.pageType == "item"'>
<div class="widget-content" style="background-color: #dfdfdf; color: #222222; font-family: Arial, Tahoma, 'Century gothic', sans-serif; font-size: 12px; margin: 0px; padding: 0px;">
<a href="YOUR-GOOLEPLUS-LINK" style="color: #555555; margin: 0px; outline: none; padding: 0px; text-decoration: initial;"><img alt="My Photo" class="profile-img" height="80" src="YOUR-PROFILE-PICTURE-LINK" style="border: 1px solid rgb(204, 204, 204); float: left; margin: 0px 5px 5px 0px; padding: 4px;" width="80" /></a>
<br />
<dl class="profile-datablock" style="margin: 0.5em 0px; padding: 0px;">
<dt class="profile-data" style="color: #999999; font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif; font-size: 9px; font-weight: bold; letter-spacing: 0.1em; line-height: 1.6em; margin: 0px; padding: 0px; text-transform: uppercase;"><a class="profile-name-link" href="YOUR-GOOLEPLUS-LINK" rel="author" style="background-image: url(http://www.google.com/images/icons/ui/gprofile_button-16.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; color: #555555; display: inline-block; margin: 0px; min-height: 20px; outline: none; padding: 0px 0px 0px 20px; text-decoration: initial;">ENTER-YOUR-NAME</a>
<a class="profile-name-link" href="YOUR-FACEBOOK-LINK" rel="nofollow" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJg-jAK3jrve4YhD_awYY_4iSIPGpTZn_l4cZnxO7vYDMwVVG4l34EdWtjP4Uuf7JOQIlyfuR8Y1R8UP2NDZ0l7gtSnR0E91FP2KR-tFuEII3jebHQkrf5czJREmgDuWsA-aimbzcMak8/s1600/facebook.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; color: #555555; display: inline-block; margin: 0px; min-height: 20px; outline: none; padding: 0px 0px 0px 20px; text-decoration: initial;">ENTER-YOUR-NAME</a>
<a class="profile-name-link" href="YOUR-TWITTER-LINK" rel="nofollow" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7CfC5v6E5kSuc12mYSppCVipCO0LzY58-MYNNqHRzOuw_D77nzsMWOtnSnqnVesDaqqGG5NL29jQRgDWqpN7YfEMCeiIMYcc7gb0XQCtsHz4mFFcvUC0sJZiDBc2jwFLv6JlOpSePcPY/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; color: #555555; display: inline-block; margin: 0px; min-height: 20px; outline: none; padding: 0px 0px 0px 20px; text-decoration: initial;">ENTER-YOUR-NAME</a>
<a class="profile-name-link" href="YOUR-WEBSITE-LINK" style="background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1-dbcH9k2t1QPboHGjWHr1ZDUfZzEX_JHP-8nGbka6-suQa0uCBMUB4SQUWSPVvVnpXuEdbx0FCL9aUizyMksNLowTU5I-pvLV8hBKg9qrYRr7YFMp2zL3yy6rqDQBFRA4lnarQAFkx0/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; color: #555555; display: inline-block; margin: 0px; min-height: 20px; outline: none; padding: 0px 0px 0px 20px; text-decoration: initial;">Visit My Site</a>
</dt>
<dd class="profile-textblock" style="line-height: 1.6em; margin: 0.5em 0px; padding: 0px;">ENTER-YOUR-TEXT. </dd></dl>
</div>
</b:if>