Hide or Remove Label Status Message box from Blogger

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

Comments: 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.

Speak Your Mind

Facebook Group Community Code ConverterHide Code Converter Show EmoticonHide Emoticon

If you Got questions? Ask ’em below! While we’re here, you might like to leave a comment and let me know if you have any stories or questions.

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 *