Max Gadget, GPG Dragon Latest Version, Install Android, Sony Xperia, Xiaomi Mi Robot Vacuum, Verizon, Android Marshmallow, Network, stock firmware

Sabtu, 24 Oktober 2015

How to Add Author Box Below Blogger Post

How to Add Author Box Below Blogger Post - this blog we have built a few years ago and already very many blog visitors Max Gadget who are satisfied with the information we convey and we say thanks for that, we will then improve the quality of information we convey to you, well according to what you are looking for we will now discuss first about How to Add Author Box Below Blogger Post this information we framework from various trusted sources, 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/AVvXsEiysHIi4XF5aJ2T1M3B5jztH_ygrkTuNpfgCdbpsNzfR85BqMFZGhfzaVonc_Uakpwme9cD2sdPDJwXhDxvledbIn6qUfa3fEFLoYITxg8RSzpHS2I1KBKxuxr46gaJZ3o9AsfvQ7g9qug/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 convey can make you satisfied because it can be useful to determine the gadget according to your needs.

you just read the article titled How to Add Author Box Below Blogger Post if you feel this information is useful and want to bookmark or share please use the link https://maxyaquos.blogspot.com/2015/10/how-to-add-author-box-below-blogger-post.html do not forget to go back to this blog to get more information about 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