we present information about computer news and price information and specs samsung, huawei, Tecno Price products, Specifications & Features and more information about software

Sabtu, 24 Oktober 2015

How to Add Author Box Below Blogger Post

How to Add Author Box Below Blogger Post - do you know that every day there are new gadgets that are created with new advantages to simplify your life, on the blog Computers News we will discuss about the latest gadgets and gadgets that have long ranging from speck and price, now we will discuss about How to Add Author Box Below Blogger Post we have collected a lot of news to make this article to be really useful for you, 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgn3DRbXP71a9twhfXWpfsTOGsD3jXvt68rkX0DTuTtYphJ861P72wyI3LlM07b3LV6-IfAvDp_Xu6n_KUdPWYXlx5lnvo99zWXsEwVTEsYm724vdS6-wDwM2F6Ja3TWvrlIA1GoSFhNY/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. 



article titled How to Add Author Box Below Blogger Post has been completed in the discussion

hopefully information about How to Add Author Box Below Blogger Post can provide benefits for you in determining the gadget to suit your needs so much easier in living everyday life.

you just read the article entitled How to Add Author Box Below Blogger Post if you feel this information is useful for you and want to bookmark it or want to share it please use link https://nandncomputers.blogspot.com/2015/10/how-to-add-author-box-below-blogger-post.html.

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

Related : How to Add Author Box Below Blogger Post

0 komentar:

Posting Komentar