How to Add Author Box Below Blogger Post - I made this blog Gadget Miracles already a few years ago, although I am busy working in my office still build this blog for you who need information about gadgets, has very much information that we provide about the How to Add Author Box Below Blogger Post which you are looking for at this time, please refer to the information we provide in full guarantee because I have collected a lot of information from the source of the richest:

Articles : How to Add Author Box Below Blogger Post
full Link : How to Add Author Box Below Blogger Post

How to Add Author Box Below Blogger Post

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='http://schema.org/Person'>
  <b:if cond='data:post.authorPhoto.url'>
 <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
  <b:else/>
 <img itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisCulubc2BMcyrlEqU8QBOfni_J41AeHeQgHtCKJZIOkZ-uqLRfio7q8dlUBTfp6UpOhJIc-hvzubg_h4u2BUemejT5NNp40WN6T02dAWu3Ko7ODnS9QmhzqC6PMUKKQd90Z9yQJgYRcU/s1600/no-avatar-50.png' width='50px'/>
  </b:if>
  <div>
 <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
   <span itemprop='name'><data:post.author/></span>
 </a>
  </div>
  <span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</b:if>

To understand it better, see this image:

Now find this:

]]></b:skin>

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:

SHARE this with others...THANKS. 

enough already information about How to Add Author Box Below Blogger Post

hopefully the information How to Add Author Box Below Blogger Post can give you answers to all your questions ayang is conveyed to google.

finished already information about How to Add Author Box Below Blogger Post if you mers this information useful for you and want to bookmark or share please use link https://19miracles.blogspot.com/2015/10/how-to-add-author-box-below-blogger-post.html?m=1

Tag :

Share :

Facebook Google+ Twitter

Related Posts :