How to Remove Showing Posts With Label in Blogger

The "Showing posts with label" notification  always shows  above the posts everytime time you click on a label link. I know some of  us don't want to show it in our blogs since it is quiet useless and just occupy additional space in our post. If that is the case, this article is useful for you.
how to remove showing post with label

Removing "Showing post with label...show all posts" (Version 1)


Step 1. Go to  BloggerDashboard >> Template >> Edit HTML (always back-up your template)
Step 2. Click anywhere inside the template code, then search - using CTRL+F -  and find the code below:
<b:includable id='status-message'>
Step 3. After you have found it, click on the sideways arrow before to it, to expand the rest of the code.

Step 4. Below is this code that you need to remove,
<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. Remove all that set of code and  replace it with the code below,
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Step 6. Save your template and you're done. Enjoy!  : >)

Removing "Showing post with label...show all posts" (Version 2)


Here is another way of removing it from your blog using only a simple  css on it. Please follow  the steps below:
Step 1. From your Blogger Dashboard, go to  Template and click Edit HTML.
Step 2. Search the code below
]]></b:skin>

Step 3.  Just above the code in step 3, add the css  below,
.status-msg-wrap{
display:none;
}
Step 4. Save your template and say Bravo!

No comments:

Post a Comment