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

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.


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=’’>
<b:if cond=’data:post.authorPhoto.url’>
<img expr:src=’data:post.authorPhoto.url’ itemprop=’image’ width=’50px’/>
<a class=’g-profile’ expr:href=’data:post.authorProfileUrl’ itemprop=’url’ rel=’author’ title=’author profile’>
<span itemprop=’name’><></span>
<span itemprop=’description’><data:post.authorAboutMe/></span>
Then Save the template, that’s all.
Now drop your views and comments below.

Like US on Facebook

burn fat
Supplement that BURNS fat. CLICK Image Above

Leave a Reply

8 + 1 =