How to remove/delete labels from Blogger posts 2017

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:

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.