How to remove/delete labels from Blogger posts

Many bloggers might find labels below posts (or post titles) unnecessary, as long as they are already in the blog's sidebar. So, this tutorial will show you how to remove them manually from the Template's HTML. To hide labels from the blogger post footer (or below post title), we could simply uncheck the "Labels" option; however, this setting might not work properly in some custom templates and then, we'll have to remove the code from our template.

How we are going to do this?

Hide labels in Blogger Posts using CSS

Step 1. Log in to your Blogger account > head to the 'Template' tab > hit the 'Edit HTML' button:

hide labels, blogger labels, blogger tutorials

Step 2. Click anywhere inside the code area and search by using the CTRL + F keys the tag below (hit Enter to find it):
</head>
Step 3. Just above the </head> tag, add the following style:
<style>
.post-labels {
display: none;
}
</style>
Step 4. Click the 'Save Template' button to save the changes and view your blog. The labels below the posts should be hidden now.

Post a Comment

0 Comments