The first thing you need to do is to login into your Blogger account. After logging in select your blog in which you would like to display labels in posts. Now go to Template ›› Edit HTML ›› and search for the <data:post.body/> Tag and just above it paste the following XML coding. (Remember: 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 + "?&max-results=10"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if> </span>
You can customize it with a bit of stylesheet, Here is a simple CSS that works pretty well. However, you can customize it according to your needs. There is not much to change, except the hyperlink and hover color. You should add the following code right above the ]]></b:skin> tag.
.post-label {
float:left;
font-size:14px;
color:#555
}
.post-label a {
color:#111
text-decoration:none;
}
.post-label a {
text-decoration:undeline;
}
Congratulations: Once everything is done save your template by pressing “Save Template” button. Congratulations, you have successfully added labels in your posts.
Note: While writing posts make sure you have assigned a label, otherwise you will not see any label when you publish the post. For more details, see the following screenshot:
We hope this tutorial may have helped you in learning how to add labels in your posts, in blogger. Does anybody is using the same practice to display labels in posts, we are using the same method at MyBloggerLab. Do let us know what are your thoughts about it, let us have a meaningful conversation ahead.

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).
12 comments
nice post baby..
Very nice article! I tried all the tips you gave but it didn't work out for me :/ now the divs are broken :( you may have a look at:
www.hihellobye.com
Sorry I am not expert of all this stuff :(
Can you please provide me a bit more info about the error
That was really helpful. Thank you.
Thanks a lot... :)
It didn't work for me because there is no "data:post.body" tag among the 7 tags. Can you help, please?
I already did this! I couldn't find the data:post.body tag among the seven there. Can you help me please? Thanks.
Can you please provide me your blog URL
amzaing
Now a days most of the blogger template make the Label displayed by default.
Yes but these codes help new developers in adding Labels to their custom templates.
Cheers
Thanks. This is very helpful.
Post a Comment
We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.