Techno News, How To Unbrick Qualcomm Android Devices, 15 Second ADB Installer Latest Version V1.4.3 Free, Samsung FRP Reset Files Using Odin Flash, ATF Box Full Crack Tool, Facebook Contacts Sync, Miracle Box Latest Setup Full Crack Free, 4 Steps Jcow Social Networking Web Server, Infinity Box Chinese Miracle 2 MTK v 1.58 setup, Miracle Box Crack Latest Version 2.26 Full Setup, Nokia Asha 501 RM-899 Latest Flash File

Sabtu, 24 Oktober 2015

How to Add Author Box Below Blogger Post

How to Add Author Box Below Blogger Post - is the information you are looking for in search engines like google and others, okay we have provided such information in the blog Techno News, we have around collecting information from various reliable sources and presenting it in this blog, well please read How to Add Author Box Below Blogger Post to finish:

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/AVvXsEiPuoidUg2xr5JF02vhlAO0cGH851IwM2t1a-3o_qwC0OykLcaLg-C-SXcfkHzmQXVAe9hJvgWv75fv0nAG5PfrF5o45hfFO4SoudaElvwsa2zRI-JOpoZmWlnejw-JCxySK2VuEcMzIe8/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. 



Information about the How to Add Author Box Below Blogger Post has been discussed

A few of our information about the How to Add Author Box Below Blogger Post, hopefully give more knowledge for you

You have finished reading How to Add Author Box Below Blogger Post and many articles about Techno News in our blog this, please read it. and url link of this article is https://ikkemunandar.blogspot.com/2015/10/how-to-add-author-box-below-blogger-post.html Hopefully discussion articles on provide more knowledge about the world of new tech gadgets and Techno News.

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

Related : How to Add Author Box Below Blogger Post

0 komentar:

Posting Komentar