As a Blogspot blogger, you must be aware of the post-filter message or status message. It can show custom error messages, but some bloggers want to remove status messages from other pages. Never seen Blogger status messages. It isn’t possible. When a blog reader uses a search box on a blogspot.com blog or when click on a label or navigate through a label cloud gadget, he can see the post-filter message (previously know as the status message).
Hide the Post-Filter Message on Blogspot
What is A Post-filter Message in Blogspot?
Blog search is an amazing tool for blog readers who want to search for something on your blog. When a reader uses the search box on your blog, he gets the search results under the post-filter message. Hereunder is a screenshot for you.
There are two ways to hide this post-filter message. You can choose anyone as per your wish.
- Hide the post-filter message using CSS.
- Remove the post-filter message from the blog theme.
Hide Post Filter Message Using CSS
You can get rid of the post-filter message using the magical CSS trick. You need to edit your blog theme.
CSS display: none property is helpful in this case.
1. Go to Blogger dashboard › Select blog › Navigate to Theme tab.
2. Click on the inverted triangle drop-down given next to the Customise button. Click on the Edit HTML.
2. Click inside the HTML editor and search for ]]></b:skin>
You can use CTRL+F or Command+F as per your operating system.
3. Paste the following code below this –
<b:if cond='data:blog.pageType != "error_page"'> <style type='text/css'> .post-filter-message{display:none !important;} </style> </b:if>
4. Click on the floppy icon given on the top right-hand side.
You are done.
You may search your blog to cross-check if the post-filter message is gone or not.
Remove the post-filter message from the blog theme
1. Go to Blogger dashboard › Select blog › Navigate to Theme tab.
2. Click on the inverted triangle drop-down given next to the Customise button. Click on the Edit HTML.
3. Inside the HTML editor, search for the following code-
<b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'> <div class='post-filter-message'> <div> <b:if cond='data:view.isArchive'> <data:view.archive.rangeMessage/> <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/> <data:view.search.resultsMessageHtml/> </b:if> </div> <div> <a class='flat-button ripple' expr:href='data:blog.homepageUrl'> <data:messages.showAll/> </a> </div> </div> </b:if>
4. Replace the same code with the following code.
<!-- b:if cond='data:view.isArchive or (data:view.isSearch and data:view.search.resultsMessageHtml)'> <div class='post-filter-message'> <div> <b:if cond='data:view.isArchive'> <data:view.archive.rangeMessage/> <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/> <data:view.search.resultsMessageHtml/> </b:if> </div> <div> <a class='flat-button ripple' expr:href='data:blog.homepageUrl'> <data:messages.showAll/> </a> </div> </div> </b:if -->
5. Click on the floppy icon given on the top right side. It will save the changes.
Now, when you or your reader searches on your blog, no post-filter message will appear.
Hide Status Message on Blogspot for Old Themes
What is A Status Message in Blogspot?
The reference image is given below. These status messages can be of different types. Suppose the reader is searching my blog for the keyword ‘Feedburner,’ then he will see the following status message –
and if he clicks on a label ‘AdSense’ from label cloud or a post, then he will see the following status message –
There are three ways to hide/remove Blogger status messages. You can choose anyone as per your wish.
- Hide status message using CSS
- Remove the first status message from the blog theme.
- Remove the second status message from the blog theme.
Hide Status Message Using CSS
CSS display: none property may help you in this matter. For this –
1. Go to Blogger dashboard › Select blog › Switch Theme tab › Edit HTML
2. Search for ]]></b:skin>
3. Paste the following code below this –
<b:if cond='data:blog.pageType != "error_page"'> <style type='text/css'> .status-msg-wrap{display:none !important;} </style> </b:if>
4. Save changes in the theme › You are done.
You may search your blog to cross-check if the status message is gone or not.
Remove the First Status Message
In your Blogger theme/template, the following code exists.
<b:include data='top' name='status-message'/>
If you remove this theme code, you’ll be able to hide the Blogger status message bar.
1. Go to Blogger dashboard › Select blog › Switch Theme tab › Edit HTML › Expand widget theme
2. Search this theme for the following code
<b:include data='top' name='status-message'/>
Note: This code may exist two times if you have enabled the Blogger mobile theme, and you may replace both.
3. and now replace this code with the following one –
<!-- b:include data='top' name='status-message'/ -->
4. Save changes in theme › You are done
Remove the Second Status Message
In your Blogger theme, the following code exists.
<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>
If you remove this theme code, you’ll be able to hide the Blogger status message bar.
1. Go to Blogger dashboard › Select blog › Switch Theme tab › Edit HTML › Expand widget theme
2. Search this theme for the following code for ease
<b:includable id='status-message'>
3. Then look for this entire code
<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>
4. And now replace this entire code with the following one –
<!-- 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 -->
5. Save changes in Theme › You are done.
Now you can check your blog. The Google Blogger status bar will not be available anymore.
Hi, I choose option No. 2, and the status message still appears in the mobile template. No idea how to get rid of it. Could you help? Thank you.
You can try method one or delete same code for mobile template.
It works bro… love u
Wow! I have understood. You are a good man because you have posted a good post. I am very happy to read your post. I hope people will happy due to the benefit. Thanks, I am waiting for your good post.
If you publish a new post, please inform me.