How to Add Author Box Below Blogger Post

Posted by Lasantha Bandara on September 3rd, 2015 File Under : author, change template1 Comment

If you are using a custom blogger template, sometimes the blogger default author box will not be displayed under your blog post, although you activate "Show Author Profile Below Post" option in Blogger settings. If you have the same problem follow the steps given below to display it in your blog.

Find this in "Edit HTML":

<b:includable id='post' var='post'>

Now scroll down slowly until you this line:

<div class='post-footer'>

Add below code just before above line:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype=''>
  <b:if cond='data:post.authorPhoto.url'>
	<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
	<img itemprop='image' src='' width='50px'/>
	<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
	  <span itemprop='name'><></span>
  <span itemprop='description'><data:post.authorAboutMe/></span>

To understand it better, see this image:

Add Author Box to Blogger

Now find this:


Add this CSS code just before above code:

.author-profile {
    background: #f6f6f6;
    border: 1px solid #eee;
    margin: 15px 0 15px 0;
    padding: 8px;
    overflow: hidden;

.author-profile img {
    border: 1px solid #ddd;
    float: left;
    margin-right: 10px;

Save your template. Final result will be look like this:

Author Profile Box in Blogger

File Under : author, change template

One Response to “How to Add Author Box Below Blogger Post”

  1. idiotMan says:

    Thank for you information

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.