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

2
31
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.

________________________________________________________________
>Do You Want To Receive Update As Soon As We Publish? join our Telegram Channel stay updated with the latest headlines--CLICK HERE
______________________________________________________________

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=’//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.

READ ALSO  20 Content Sharing Sites Like Buzzfeed

Don’t forget to drop your comment below thanks.

banner ad * TEXT ADS**
◊Order Ultimate Virtual Soccer Hacks and Secretes to Win 100k Daily --CLICK HERE

◊Register Your Business Name With CAC and Get it in less than 2 weeks--CLICK HERE
◊Grab Ultimate List of Over 100+ Companies That Pays You Up To $2500 To Blog and Post Online ( #3000 Only))- CLICK HERE

◊Get All Recruitment Jobs Past Questions and Answers--CLICK HERE
____________________________________________________________________

2 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here