Remove or hide Blogger status messages in Blogger v2

When some reader uses you blog search query box to search your blog for specific query string or click on a label from label cloud widget. Then above search result a status message bar appears on your blog if you are using Blogger for blog hosting. These status message can of following types as shown in picture given below for your reference. Suppose some reader is searches tech prevue blog for keyword 'feedburner' then he will see the following status message bar -



and if after this he clicks on a label 'adsense' from label cloud or from a post then he will see the following message bar -



There are 3 ways to hide/remove Blogger status message. You can choose anyone as per your wish.

1. Hiding status message by using CSS
2. Removing first status message template code
3. Removing second status message template code

1. Hiding status message by using CSS

CSS display:none property may help you in this matter. For this -
A. Go to Blogger dashboard › Select blog › Switch Template tab › Edit HTML
B. Search this template 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 template › You are done

Hiding status message with CSS is 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:

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

But if you don't care about this you can choose also anyone of following rest two methods given below.

2. Removing first status message template code

In your Blogger template this following code exists.

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

If you remove this template code you'll be able to hide Blogger status message bar.

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

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

Note: This code may exist two times if you have enabled Blogger mobile template 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 template › You are done

3. Removing second status message template code

In your Blogger template 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 template code you'll be able to hide Blogger status message bar.

A. Go to Blogger dashboard › Select blog › Switch Template tab › Edit HTML › Expand widget template
B. Search this template 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 template › You are done

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

› Learn how to make changes in Blogger template