How To Display Author Profile With Image Below Post On Mobile View For Blogger

Get Free SEO Tips

2016_05_08_17_01_38
Follow me

Mathias Amodu

Founder at Zealmat Limited
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large
Follow me
If you have your profile showing perfectly on the desktop view then this is the next step you need to take for your profile to show on mobile view.
So today am going  teach you on how to do this process without stress.

Image

Step 1
First you need to log in to your blogger dashboard and select your preferred blog and click on it.

Step 2
Now you need to back up your template and go to “Template”

Step 3
Then click on  “Edit HTML”

Step 4
Click inside the HTML and use CTRL F to find

  <b:if cond=’data:top.showMobileShare’>

Step 5
Then check slowly below you will find this code  </div>

Note
There are three ending </div>

Check the screenshot below.

Image

Step 6
Below the third one, copy and paste the code below

<p style=”font-size: 18px; border-bottom: 2px 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>

Step 7
Finally save your template and that’s all.

Don’t forget to drop your comment below thanks.

About Mathias Amodu 912 Articles
Mathias Amodu, a passionate blogger with full interest in making the world a better place for upcoming webmasters in the society at large

Leave a Reply

Your email address will not be published.


*


[mc4wp_form id="3153"]