Date: - Time:

For Questions and Quick contact
Call us - FB: Oscar Lee

4.04.2016

How I added 'About Author' Profile Below Post on Blogger Mobile view

 how-to-make-$25-on-payoneer
Just Recently I decided to add my Profile Below the Post Body on my Blogger Mobile view since I invited an author on this Blog.This allows my reader to Know something about the Author Behind such a wonderful post.
so In this Post,I'm sharing the steps so you Can set yours up to start getting more familiarity with your Beautiful readers.


STEPS

Login to Your Blogger Dashboard

NOTE:You need to Show your Author Profile on the Desktop view before you can make it show on mobile view. To do this, Go to layout >>> Click the Edit Button on the Blog Post Tab and Tick on the Button, see screen shot Below.
Then click on save.
Now move to the Template.

Hit the Edit Html Button and press CTRL+F on the keyboard to bring out a search box. we are looking for this line of code               <b:if cond='data:top.showMobileShare'> 

But it may be Impossible to get that complete line using the search box,so just search sharemobile which would still bring out the line.

 when found, Carefully find the ending </div> as seen in the screenshot below

After the last closing </div>, paste this code below on the next line;

<p style="font-size: 18px; border-bottom: 1px solid #333;">About Author</p>
<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: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>

Then Save the template, that's all.
Now drop your views and comments below.


Like US on Facebook

No comments:

Post a Comment

We love to hear from you!

RECENT COMMENTS

Featured post

JAMB 2017 Results are online now - check yours here

JAMB - the Joint Admission matriculation board , has started the release of the 2017 UTME RESULTS online for the examinations that start...