How To Display Author Profile With Image Below Post On Mobile View For Blogger | Tech Blog in Africa for How TOs


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


Share... ☂

Share on Facebook
Share on Twitter
Google Plus
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.


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>

There are three ending </div>

Check the screenshot below.


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=''>
          <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>

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

Don't forget to drop your comment below thanks.
Show Omaleeblog love by Copying the Below link and Share on Social Media
Share :



Create your website from just N299/Month with DomainKing.NG.

P.S: Want me to help you personally? If yes, you can buy my helpful eBooks or Hire me now!

Do you need original SEO ready articles for your blog or website? If yes, hire Mathias Amodu on Fiverr. Expect simply the best from me.

Parse Your Adsense HTML code Here

We love to hear from you!

Sign in to comment "anonymously" without entering verification text.