Techno Aspirations, Apple iPhone, SAMSUNG, Motorola Moto, Secret Codes, price, specifications, Samsung Galaxy, Clone Huawei, Flash File, Google LG Nexus

How to Add Author Box Below Blogger Post

How to Add Author Box Below Blogger Post - hello friends are you looking for information related to technology? ... if yes ... then you are right to come to blog Techno Aspirations because here we will display information about the latest gadgets or old ones though, well now we will discuss first about How to Add Author Box Below Blogger Post as you are looking for, hopefully the information we will convey can answer your question to google, please see.

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

You can also see our article on:


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='http://1.bp.blogspot.com/-JNIOn2bYVAY/U-LrAZ5hx5I/AAAAAAAAMwU/qyca43soga8/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:
Add Author Box to Blogger
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:
Author Profile Box in Blogger

SHARE this with others...THANKS. 



just so much information about How to Add Author Box Below Blogger Post

hopefully the information we provide about How to Add Author Box Below Blogger Post can give answer your question to google, and you feel satisfied about this.

you just finished reading the article with the title How to Add Author Box Below Blogger Post if you feel this information need to bookmark or share please use link https://faultyaspirations.blogspot.com/2015/10/how-to-add-author-box-below-blogger-post.html do not forget there are many other information in this blog, please visit other page.

Tag :
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : How to Add Author Box Below Blogger Post

5 komentar:

  1. Thanks a lot! I'm gonna add it to my site's https://narrativeessays.org/ footer.

    BalasHapus
  2. If, for the sake of its original meaning, the blog is a personal diary, the first purpose of blogging is to record personal events, happy moods or feelings. People say that bloggers are very loving people, yes in the old days, but today people have turned the blog into many meanings for a variety of purposes, ie it does not stop with the meaning of the diary anymore, it becomes a tool for sharing knowledge, Vietnam hair

    BalasHapus