Tech Tips on Computers, Internet, Blogging, Web Development, Social Media, Android and more

Full width home advertisement

Post Page Advertisement [Top]

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.

9 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
  2. Hi can you help do the same thing but for the "similar posts" option? Thanx

    ReplyDelete
  3. Thank you for helping me now I can display Blogger Labels in Blogger Mobile Template

    ReplyDelete
  4. Hi, I tried to insert this snippet in the place you told us ... but it keeps to not work. My blog is https://tangalor.blogspot.com/2020/05/codice-non-compilato-per-troppo-tempo.html?m=1 ... can you help me with this?

    ReplyDelete
  5. Thank you so much! My tags have appeared on the moblie version :-) Problem solved

    ReplyDelete
  6. Thanks this is working for me. Keeps on doing more posts like this one.
    If you want to read about more visit electragiants

    ReplyDelete

Bottom Ad [Post Page]