Remove Showing Posts With Label in Blogger

Welcome to 1stwebsuite web development resources. In this web development resource I will share how to remove “Showing posts with label message” from your blogger website. You know Label message is appearing when we click on any label link. We can use two methods to remove or hide the message “showing posts with label”

Remove Showing Posts With Label in Blogger

  1. Following 1st method we can hide showing posts with label using CSS
  2. Following 2nd method we can do it by removing corresponding template variable.

Method 1: Hide “Showing posts with label” message

  • First go to Template > Edit HTML
  • In Blogger default templates, search for <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> and in custom templates, search for <body>
  • Add the below code just after above code.
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<style>
.status-msg-wrap{display:none;}
</style>
</b:if>
</b:if>

Now Save the template and check the result by clicking any of your labels

Method 2: Remove Showing posts with label message

  • Go to Template > Edit HTML – click on Expand Widget Template
  • Press Ctrl+F and find the following code. If you are not successful, search only the first line
<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>
  • Delete the entire code and Save the template, now check the result by clicking any of your labels

Thank you for showing blogger template development tutorial. I think it will be helpful for you and your friends. So don’t forget to share this blogger tutorial.

Masum Billah has written 326 articles

Hi I am Md. Masum Billah Contributor of this website. I always like to share various things with other. In this website I am sharing web design related tips and tricks, necessary web development tools, source codes for beginner and advance web developer. You may join with us to help other who want to learn web design and development. Thank you for stay with.

Recommended Articles

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>