How to Remove/Delete Showing Posts With Label in Blogger

 For any default Blogger layout, the "Showing Posts with Label" message shows up above the posts each time you click on a label link. As it's a pretty useless and annoying message, many people like to have it removed.

Whenever you click on any label link, a status message “Showing posts with label …. show all posts” shows up. We can remove this message using a simple hack. Label message is appearing when we click on any label link. We can use two methods to remove or hide the message “showing posts with label”. First method is by hiding using CSS and second one is by removing corresponding template variable.

Method 1: Hide labels in Blogger Posts using CSS

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

•     Click anywhere inside the code area and search by using the CTRL + F keys the tag below (hit Enter to find it) </head>
•     Just above the </head> tag, add the following style:

<style>
.post-labels {
display: none;
}
</style>

• Click the 'Save Template' button to save the changes and view your blog. The labels below the posts should be hidden now.

 Method 2: Removing "Showing post with label...show all posts"

Also Read:- Sitemaps Tutorial and its Effects on SEO To Blog

•     Go to Dashboard - Template - Edit HTML (if necessary, click on proceed button).
•     Click anywhere inside the template code, then search - using CTRL+F - this code:

<b:includable id='status-message'>

After you found it, click on the sideways arrow next to it, to expand the rest of the code.

 

Below is this red code that you need to remove - along with the first one, as well:

      <b:includable id='status-message'>
          <b:if cond='data:navMessage'>
          <div class='status-msg-wrap'>
            <div class='status-msg-body'>
              <data:navMessage/>
            </div>
            <div class='status-msg-border'>
              <div class='status-msg-bg'>
                <div class='status-msg-hidden'><data:navMessage/></div>
              </div>
            </div>
          </div>
          <div style='clear: both;'/>
          </b:if>
    </b:includable>

 

Replace it with this one:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Save the template. Now view your blog and click on some label....there should be no box anymore.