Aug 30, 2016

How To Display Labels in Blogger Posts

data:blog.title
Do you know about Post Labels? Labels are also known as Category because the main use of Labels is categorized the posts in your blogger blog. For example :- Suppose that, You running a Tech Blog and you are posting about "How To Unlock Forgotten Pattern Lock in Android" and you are sorting it with two labels such as Android Tricks and How To. Now you are posting another topic on your blog about "Download WhatsApp for iPhone" and you are sorting it with Downloads and iPhone Tricks. So if your visitor want to surf more apps to download they will use the "Downloads" which contains posts with Downloads Label only.

Display Labels, Blogger Labels, Add Labels, Show Labels in Posts

Categorizing the posts is also very helpful trick to increase page views of your blog because it is just like a navigation to surf more content related to the topic on your blog. Labels are also helpful in showing related posts which is also give us more views on our blog.

Some of newbies start blogging but they are not using labels in a right way and start spamming with it because they think labels are a Meta Keywords. So we highly recommend everyone to use labels but use it in a right way. As we have mentioned above by sorting right content using right labels your visitors can easily pick the right topic that they are interested in. Do you want to add labels in your blogger posts? Okay, we are going to share a whole method about how to display labels in blogger posts. Follow all the instructions which are given below :-

How To Display Labels in Your Posts in Blogger?

STEP1] Go to Blogger.com and Choose your Blog >> Click on Template >> Backup your Template.

STEP2] After Saving the Backup Click on Edit HTML and click anywhere inside code area.

STEP3] Now Using CTRL+F or CMD+F search for <data:post.body/> Tag and just above of it paste the following XML coding.

Note: You might see multiple tags, so be sure you are pasting the code at the right tag, it entirely depends on the template you are using.

<span class='post-label'> in <b:if cond='data:post.labels'>          
<b:loop values='data:post.labels' var='label'>            
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'>
<data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>          
</b:loop>        
</b:if> </span>

STEP4] Now, If you want to customize it then here below is a little CSS stylesheet that works very well. However you can customize it in your own way if you have little bit knowledge of CSS language because there is not much to change, except the hyperlink and hover color. If you want to customize then use below code by adding it just above of ]]></b:skin> tag inside blogger template code area.

.post-label { float:left; font-size:14px; color:#222 }
.post-label a { color:#0c6aff text-decoration:none; }
.post-label a { text-decoration:undeline; }

STEP5] Now, simply click on save template button to save it. That's it. You have added labels in your posts in blogger blog.

Attention: You will not see any label if you are not assigning a label so make sure must add a label while writing a post before publish it. For more details, see screenshot below.

Show Blogger Labels, Add Labels in Posts, Blogger Labels Setup

Conclusion:

So above guide is about "How To Add Labels of Your Posts in Blogger". We hope this article helped you with better understand labels and how to use and show labels in Blogger Posts. Does anybody is using the same practice to display labels in posts, we are using the same method at MyBloggerGuides. Have any query, Ask us via using comment box. Do share and Subscribe Us.
Thank You! Stay Blessed!

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.