tthis post will take you through how to add author’s profile below every blog post.
It is one of the most useful widgets for every blogger.  without wasting time, lets get started.

follow the steps below :

Step 1. Log in to your blogger dashboard and Click on Template
Step 2. then click on Edit HTML>>
Step 3. Now find this code  ]]></b:skin>
Step 4. press  CTRL+F on your pc keyboard then place the code above inside it and hit enter .

Step5. Now paste the below code just above  ]]></b:skin>

/*****  author box starts *****/
.tbs-author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
.tbs-author-box p {
margin: 0;
padding: 0;
.tbs-author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
/***** author box ends *****/

Step 6. Then search for <div class=’post-footer-line post-footer-line-1′>.now, paste the below code just below <div class=’post-footer-line post-footer-line-1′>
cond='data:blog.pageType == "item"'>
<div class='tbs-author-box'>
<img alt='' class='avatar avatar-70 photo' height='70'
width='70'/><b>About Author</b><br/>
Write anything about the author here!<br/></p>

Step 7. Click“Save” and your are done.

  • Replace with your own image link

  • Replace this with your details : Write anything about the author here!
  • You can change the height and width of your photo <img alt=” class=’avatar avatar-70 photo’ height=’70

                                                                   i hope you find this post interesting.

Join over 1 000 visitors who are receiving our newsletter and get our free E-books/Videos for Free and monetize your website.
We hate spam. Your email address will not be sold or shared with anyone else.