How to Remove or Hide Blogger Status Messages – Blogger Guide

4

Blogger status messages are handy for a blog. 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. Let me clear you when a blog reader uses a search box on a Blogger blog or when click on a label or navigate through the label cloud widget. Then above search results, he can see a status message bar, the reference image is given below. These status messages can be of different types. Suppose the reader is searching my blog for 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 any one as per your wish.

  1. Hide status message using CSS
  2. Removing the first status message theme code
  3. Removing second status message theme code

Remover Blogger Status Message

1. Hide Status Message Using CSS

CSS display: none property may help you in this matter. For this –
A. Go to Blogger dashboard › Select blog › Switch Theme tab › Edit HTML
B. Search for ]]></b:skin>
C. Just paste following code below this –

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<style type='text/css'>
.status-msg-wrap{display:none !important;}
</style>
</b:if>

D. Save changes in the theme › You are done.

Hiding status message with CSS is the best way because this does not affect the blogger’s default custom page not found or 404 error page. You can know and search more about custom 404 error pages with keyword ‘error 404’ on our blog or follow this link:

https://www.techprevue.com/search?q=error+404

But if you don’t care about this, you can also choose any one of the following two methods that are given below.

2. Removing The First Status Message Theme Code

In your Blogger template, this 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.

A. Go to Blogger dashboard › Select blog › Switch Theme tab › Edit HTML › Expand widget theme
B. 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.
C. and now replace this code with following one –

<!-- b:include data='top' name='status-message'/ -->

D. Save changes in theme › You are done

3. Removing the Second Status Message Theme Code

In your Blogger theme, this 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.

A. Go to Blogger dashboard › Select blog › Switch Theme tab › Edit HTML › Expand widget theme
B. Search this theme for following code for ease

<b:includable id='status-message'>

C. 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>

D. and now replace this entire code with 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 -->

E. Save changes in Theme › You are done.

Now you can check your blog. Blogger status bar will not be available anymore.

4 COMMENTS

  1. Hi, I choose option No. 2, and the status message still appears in mobile template. No idea how to get rid of it, could you help? Thank you.

  2. Wow ! I have understood. You are good man because you have posted a good post. I am very happy by reading your post. I hope people will happy due to benefit. Thanks I am waiting for your good post.
    If you publish new post please inform me.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.