Hide or Remove Label Status Message box from Blogger

How To Change Or Remove Showing Posts With Label Message In Blogger

data:blog.title
Blogger Tricks

Google Blogger see a status message in their Blogger Template, when generally any user click on Blog label then it display like below.
  • Showing posts with label ---------. Show all posts


label message

This message is not fit with all kinds of template design. And many Blog user don't like to see it appearing all the time at the top of the page. Because this line occupy an extra space above Blog Post title. On the other hand this status message is unnecessary. So those who would like to remove or hide this status message this tutorial might be helpful for them.

Hiding the Status Message

Those who are show 404 Error message in case of missing posts then they must use this message. Because Blogger use same data:navMessage variable for Label and 404 Error page. So to work those smoothly my recommendation is to hide the status message from Blogger label page.

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Click on -> Template -> Edit HTML

Step 3 Now Find the below code by pressing Ctrl+F  
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
In case of Custom Blogger template find <body>
Now add the below code above/before the above code
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<style>
.status-msg-wrap{display:none;}
</style>
</b:if>
</b:if>

Removing the Status Message

To remove the entire status message completely you can follow the below steps-

Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Click on -> Template -> Edit HTML

Step 3 Now Find the below code by pressing Ctrl+F 
<b:includable id='status-message'>
Step 4 The complete code will be like below
<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>
Step 5 Now replace the above code block with below code block
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Step 6 Finally hit the Save template button

Now check your Blog and click on any Label and see the result. The status message box is not appearing.
Anonymous 12/06/2018

If you would like to get much from this paragraoh
then you have to apply these strategies to your won blog.

Contact Form

Name

Email *

Message *