Monday, February 27, 2012

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 are we 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 CSS:
<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.

No comments:

Post a Comment

Search This Blog

Recent Post

Recent Posts Widget

Popular Posts