Remove, Change Showing Posts With Label in Blogger

9 comments
Updated on: January 5, 2017

Whenever a user click on a post label link or search your blog, by default your blogger template shows the message "Showing posts with label "Label". Show all posts" for labels and "Showing posts sorted by relevance for query "Query". Sort by date Show all posts" for search results at the top of the page. This is quite frustrating and many of you want to delete this message or change this message.

remove, change showing posts with label in blogger
Showing posts with label Show all posts

Unfortunately Blogger does not provide any way to customize this message but there are another ways to remove or change this status message from your blogspot. So, I have created tutorial for it. If you want to either remove or change the message, just follow the given step by step instructions (with images).

How to Remove "Showing posts with label ... Show all posts"

Option 1: By Editing Blogger Template

Step 1. Login to your Blogger account, then go to Template > Edit HTML.

Edit HTML Template

Step 2. Click anywhere inside the Template code, then search for the following code ( CTRL+F ):

<b:includable id='status-message'>
Delete showing posts with label message from blogger

Step 3. After expanding, Remove the code Given Below (with first line):

     <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>
How to change showing posts with label in blogspot

Step 4. Replace the Removed Code with this code:

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Step 5. Click on Save template.

Option 2: By Using CSS

Step 1. Login to your Blogger account, then go to Template > Edit HTML.

Edit HTML Template

Step 2. Click anywhere inside the Template code, then search for the following code ( CTRL+F ):

]]></b:skin>

Step 3. Place this code just above it.

.status-msg-wrap { display: none; }
Remove showing post with label using css

Step 4. Click on Save template.

That's it!

You have successfully removed Status message from your blog. For any issues related to above Tutorial Please Comment Below. Stay Updated, Browse Howbloggerz ! :)

How to Change "Showing posts with label ... Show all posts"

Step 1 - Step 3. Same as in Option 1 above.

Step 4. Replace the Removed Code with this code:

    <b:includable id='status-message'>
      <b:if cond='data:navMessage'>
      <div class='status-msg-wrap'>
        <div class='status-msg-body'>
          <b:if cond='data:blog.pageType == "index"'>
          <b:if cond='data:blog.searchLabel'>
            Posts with the label <b><data:blog.searchLabel/></b>
          </b:if>
          <b:if cond='data:blog.searchQuery'>
            Search results for <b><data:blog.searchQuery/></b>
          </b:if>
          <b:else/>
          <data:navMessage/>
          </b:if>
        </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. Configuration of Message (Optional):

  • Replace the text in bold green with your own text for label message
    Here <b><data:blog.searchLabel/></b> is the Searched label.
    For eg: "Showing posts related to <b><data:blog.searchLabel/></b>" and this will be show as:
    "Showing posts related to YourLabel".
  • Replace the text in Bold Blue with your own text for searched query message
    Here <b><data:blog.searchQuery/></b> is the search query.
    For eg: "Showing results for query <b><data:blog.searchQuery/></b>" and this will be shown as:
    "Showing results for query YourQuery".
edit, change or re-format showing post with label message

Step 6. Click on Save Template.

Read: Top Stylish Search Boxes for blogger

Done!

Now click on label link or make any search on your blog, you will see your custom message at the top of the page. For any issues related to above Tutorial Please Comment Below. Stay Updated, Browse Howbloggerz ! :)

9 comments:

  1. Replies
    1. I am more than happy to help you :)

      Delete
  2. It works, Very appreciate your share. Thanks a lot.

    ReplyDelete
  3. Can you please tell that how we can do this in notable theme of blog

    ReplyDelete
    Replies
    1. Do you want to remove it or want change it?

      Delete
  4. I want to remove it completely..
    I don't want that line..
    By the way thanks for replying..
    Plz tell solution
    And plz share if you have a nice AdSense compatible video blog theme
    I have one of the best but it's for WordPress and I don't have a business account there thus is of no use
    Plz tell for blogger
    If you want I can share it with you
    And if you are able then please convert that WP theme to blogger theme

    ReplyDelete
    Replies
    1. To Remove it completely, follow the given steps:

      1. Go to Themes > Edit HTML
      2. Click anywhere inside and find the code ]]></b:skin> (CTRL+F)
      3. Paste code .post-filter-message {display: none !important;} above it.
      4. Click on 'Save theme'

      By the way, I am creating my own new collection of blogger themes and I will create one for 'Video blog' too. Until stay tuned and don't forget to subscribe newsletters.

      Delete

Every comment is appreciated but keep in mind that comments are moderated and may take some time to appear. All spam comments will be deleted. Thanks for understanding!

Request Post