Resolved: Blogger Labels Not Displayed on Mobile Devices
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.
Labels on Blogger Blog |
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.
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.
ReplyDeleteLooks like you are using a commercial theme and it is not responsive.
DeleteYou may kindly check with the theme developer or its documentation.
Hi can you help do the same thing but for the "similar posts" option? Thanx
ReplyDeleteThank you for helping me now I can display Blogger Labels in Blogger Mobile Template
ReplyDeleteThanks! It worked.
ReplyDeleteHi, 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?
ReplyDeleteThank yoooooouuu, help me a lot.
ReplyDeleteThank you so much! My tags have appeared on the moblie version :-) Problem solved
ReplyDeleteThanks this is working for me. Keeps on doing more posts like this one.
ReplyDeleteIf you want to read about more visit electragiants