Cari Blog Ini

Diberdayakan oleh Blogger.
Sabtu, 24 Oktober 2015

How to Add Author Box Below Blogger Post

How to Add Author Box Below Blogger Post - welcome to the blog Software Gadget the end of this much calm product information launcing, yes every day there are always products that are removed from various brands, both physical hardware products and software that need new knowledge to use it, well now we will discuss first about How to Add Author Box Below Blogger Post as you search we have collected a lot of data to make this information as complete as possible for you, please read:

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/AVvXsEi4ugQfi37O96gyClwUe-78QXfJSQOrO_UIjkSHEyYAeitoPtCcJdaNw8GWGQTtayluoO_cHeQiQUW6ABQzK__Kf1zogVx1odo18yaDIgI80JOQQSGid0_1uQ3tJKzpfpIQYaYk3KLlIQ/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. 



so much information How to Add Author Box Below Blogger Post

hopefully the information How to Add Author Box Below Blogger Post that we provide can be useful for you in the set of technology products that fit your daily needs,

have just read the article titled How to Add Author Box Below Blogger Post if you feel useful information and you want to bookmark or share please use the link https://ramblingsofker.blogspot.com/2015/10/how-to-add-author-box-below-blogger-post.html and do not forget to go back to this blog if you want to know information about the latest gadgets.

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

Related : How to Add Author Box Below Blogger Post

0 komentar:

Posting Komentar