Hide or Remove Label Status Message box from Blogger
How To Change Or Remove Showing Posts With Label Message In Blogger
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
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='"loading" + 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 == "index"'>
<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.
1 comment
then you have to apply these strategies to your won blog.