Resolved: Blogger Labels Not Displayed on Mobile Devices

blogger labels tags not appearing on mobile

If you are a regular Blogger user then you might have noticed that Blogger "Labels" are not displayed on Mobile devices by default. But why is it important? Labels or "tags" are a quick way to let users access related content on your website. It also reduces bounce-rate of the site if the user find the article interesting and want to continue reading related articles. Labels do appear on desktop browsers (unless disabled by the admin), but it does not appear on Blogger Mobile templates by default.

Blogger Labels Not Showing on Mobile Devices
Labels on Blogger Blog
You can enable them though. Here is how.

How to enable or display Blogger Labels in Blogger Mobile Template?

  • Go to the Blogger > Template > EDIT HTML page
  • Click any where inside the code page and press "CTRL+F" to show the search bar.
  • Enter "post-footer-line post-footer-line-1" and hit enter to search. 
  • Right after:
<div class='post-footer-line post-footer-line-1'>
  • Paste the following code:
            <span class='post-labels'>
              <b:if cond='data:post.labels'>
                <data:postLabelsLabel/>
                <b:loop values='data:post.labels' var='label'>
                  <a expr:href='data:label.url' rel='tag'>
                    <data:label.name/>
                  </a>
                  <b:if cond='not data:label.isLast'>
                    ,
                  </b:if>
                </b:loop>
              </b:if>
            </span>
  • Test by opening any blog post from your blog on a mobile device browser.
You should be able to see labels below the blog post.


Comment with Facebook

Comments

  1. I tried using your script, but I see that the labels are not showing as in the mobile view. Can you please help me updating the script that converts the default Blogger Mobile view to sub pages with the drop down to my blog http://www.projectskart.com/ Thanks in advance and I'm looking forward to hearing from you.

    ReplyDelete
    Replies
    1. Looks like you are using a commercial theme and it is not responsive.
      You may kindly check with the theme developer or its documentation.

      Delete

Post a Comment