Hide or Remove Label Status Message box from Blogger

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

0
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.
Hide or Remove Label Status Message box from Blogger
4 Stars stars - "Hide or Remove Label Status Message box from Blogger" Google Blogger see a status message in their Blogger Template, when generally any user click o...
Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *