Step by Step Instructions (With Images) to Remove or Change Message "Showing Posts with Label "Your label". Show All Posts" from Blogger.

Remove, Change Showing Posts With Label in Blogger

remove, change showing posts with label in blogger

Whenever a user click on a post label link or search your blog, by default your blogger theme 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.

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 a 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"

There are two methods by which you can remove the status message from your blog.

Method 1: By Editing Blogger Theme

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

    Edit HTML Theme
  2. Click anywhere inside the Theme code, then search for the following code:

     <b:include data='top' name='status-message'/>Ctrl+F
  3. Replace the code with following code:

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

    Important: There can be more than one occurence of the above code. Replace all!

  4. Click on Save.

    Note: You can reverse the code replace action to get back the message again.

  1. Same as above.

  2. Find this code:

    <div class='post-filter-message'>Ctrl+F
  3. Replace the following code:

    <div class='post-filter-message'>
       <div>
          <b:if cond='data:view.isArchive'>
             <data:view.archive.rangeMessage/>
             <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
             <data:view.search.resultsMessageHtml/>
          </b:if>
       </div>
       <div>
          <a class='flat-button ripple' expr:href='data:blog.homepageUrl'>
             <data:messages.showAll/>
          </a>
       </div>
    </div>
    with
    <!--<div class='post-filter-message'>
       <div>
          <b:if cond='data:view.isArchive'>
             <data:view.archive.rangeMessage/>
             <b:elseif cond='data:view.isSearch and data:view.search.resultsMessageHtml'/>
             <data:view.search.resultsMessageHtml/>
          </b:if>
       </div>
       <div>
          <a class='flat-button ripple' expr:href='data:blog.homepageUrl'>
             <data:messages.showAll/>
          </a>
       </div>
    </div>-->
  4. Click on Save theme.

Method 2: By Using CSS

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

  2. Click anywhere inside the Theme code, then search for the following code:

    ]]></b:skin>Ctrl+F
  3. Add below code just above it.

    .status-msg-wrap { display: none !important; }

    .post-filter-message { display: none !important; }
  4. Click on Save.

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"

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

    Edit HTML Theme
  2. Click anywhere inside the Theme code, then search for the following code:

    <data:navMessage/>Ctrl+F
  3. Replace the above code with this:

    <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>
    1. Same as above.

    2. Find the code:

      <data:view.search.resultsMessageHtml/>Ctrl+F
    3. Replace the code with this:

      <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:view.search.resultsMessageHtml/>
      </b:if>
  4. Configuration of Message (Optional):

    • Replace the text Posts with the label with your own text for label message.

      Here <b><data:blog.searchLabel/></b> is the Searched label.
      For example: Showing posts related to <b><data:blog.searchLabel/></b>
      and this will be rendered as: "Showing posts related to YourLabel".

    • Replace the text Search results for with your own text for searched query message

      Here <b><data:blog.searchQuery/></b> is the searched query.
      For example: 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
  5. Click on Save Theme.

Read: Top Stylish Search Boxes for blogger

Read: How to Set a Default Order for Search Results

Done!

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

Love it? Don't forget to Subscribe
  • Anushree
    Anushree
    13 March 2017 at 17:49
    Thankyou!!
    Saurabh Jarial
    Saurabh Jarial
    13 March 2017 at 21:46
    I am more than happy to help you :)
    MOBASWER ALI SEKH
    MOBASWER ALI SEKH
    2 June 2020 at 01:31
    very nice post thank you so much.
  • JK Liu
    JK Liu
    29 June 2017 at 14:02
    It works, Very appreciate your share. Thanks a lot.
    Saurabh Jarial
    Saurabh Jarial
    29 June 2017 at 17:53
    Thank You!
  • ZigInside
    ZigInside
    16 August 2017 at 03:21
    Can you please tell that how we can do this in notable theme of blog
    Saurabh Jarial
    Saurabh Jarial
    16 August 2017 at 22:02
    Do you want to remove it or want change it?
  • ZigInside
    ZigInside
    17 August 2017 at 01:34
    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
    Saurabh Jarial
    Saurabh Jarial
    18 August 2017 at 12:21
    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.
  • Ah Bui 阿肥
    Ah Bui 阿肥
    29 August 2017 at 21:02
    much appreciate
  • SkyL
    SkyL
    24 September 2017 at 09:53
    really thanks for the info.
  • seotopwriter
    seotopwriter
    17 October 2017 at 22:08
    Great post, thanks a lot
    Saurabh Jarial
    Saurabh Jarial
    22 October 2017 at 12:04
    Happy to help you.
  • Anderson "Marmotone"  Pereira
    Anderson "Marmotone" Pereira
    8 December 2017 at 17:43
    You are my savior.
    Saurabh Jarial
    Saurabh Jarial
    11 December 2017 at 22:14
    Thank you!
  • Simon
    Simon
    17 January 2018 at 03:45
    thank you so much.... <3
  • Don Barurot
    Don Barurot
    24 January 2018 at 10:08
    Hi, thanks for this information. But how can I turn any /search/label/ page into 404? Because those pages are causing duplicate content so I want to turn it into 404 but this guide is just hiding the "show posts with label message".
    Saurabh Jarial
    Saurabh Jarial
    25 January 2018 at 22:05
    Hi Barurot,

    I will surely help you please contact me through the contact form.

    Thanks.
  • Fateema Li
    Fateema Li
    19 February 2018 at 18:56
    thank you!
    Saurabh Jarial
    Saurabh Jarial
    23 February 2018 at 22:17
    My pleasure!
  • Unknown
    Unknown
    19 March 2018 at 21:11
    Thank you so much!
    Saurabh Jarial
    Saurabh Jarial
    9 April 2018 at 09:00
    It's my pleasure!
  • Buddha Dhamma Monk
    Buddha Dhamma Monk
    8 April 2018 at 19:46
    good
    Saurabh Jarial
    Saurabh Jarial
    9 April 2018 at 09:13
    Thank you!
  • Prabin Lamichhane
    Prabin Lamichhane
    11 September 2018 at 06:51
    I want to remove it for mobile view. Is there any way to remove this line in android?
    Saurabh Jarial
    Saurabh Jarial
    30 September 2018 at 09:33
    Yes! You can achieve that by adding a screen size based CSS script.
  • med tangeriono
    med tangeriono
    10 January 2019 at 23:33
    I cannot find this code in mt template

    Saurabh Jarial
    Saurabh Jarial
    4 May 2019 at 12:38
    You might have custom template.
  • Abdellah Askane
    Abdellah Askane
    18 January 2019 at 16:01
    thank you
  • Gremenmania (Abdul R)
    Gremenmania (Abdul R)
    24 January 2019 at 12:52
    very nice bro..i'm so helped. i want ask to you, how to change the size of the box? ..please reply
    Saurabh Jarial
    Saurabh Jarial
    4 May 2019 at 12:30
    You can CSS for that. If you don't know how to apply CSS then please contact me via contact form.
    Thanks!
  • Dasewasia
    Dasewasia
    10 March 2019 at 15:29
    I'm happy to found this article. Thanks!
    Saurabh Jarial
    Saurabh Jarial
    4 May 2019 at 12:01
    Thank you!
  • Lizzy
    Lizzy
    19 June 2019 at 23:49
    Amazing,it helped me a lot ! Thank you :)
  • WCP Official
    WCP Official
    5 July 2019 at 05:17
    Man, I seriously don't know how to thank you. That helped me a lot and will help me in the future too. Will bookmark this page and will view it if I need this in the future. Thanks a ton.
  • poc
    poc
    21 July 2019 at 14:38
    This method does not work to change the "Show All" text at the right side of the search results bar. It only works to change the "Showing posts with the label xxxx". Would be grateful if can teach how to change the text for the "Show All".
    Saurabh Jarial
    Saurabh Jarial
    25 July 2019 at 19:38
    Thank you for your suggestion. Post will be updated soon.
  • Lina Burmaka
    Lina Burmaka
    24 September 2019 at 16:17
    Oh my god thank you so much!! :)
    Saurabh Jarial
    Saurabh Jarial
    3 October 2019 at 17:56
    My pleasure :)
  • Thanseera
    Thanseera
    19 November 2019 at 15:56
    How can i make the selected(active) label highlighted. like make it appear different color?
    Saurabh Jarial
    Saurabh Jarial
    24 November 2019 at 11:33
    You can Use the CSS or JavaScript for that.
  • rasputin20
    rasputin20
    13 December 2019 at 09:07
    Thank you so much !
  • EveryThingUNeed
    EveryThingUNeed
    30 December 2019 at 19:21
    Very good information, with your information i am able to customize my blog very easily.
    Just one more help need fro you, I want to remove or replace "Search this blog" text from search bar could you please help me with that, i am using Emporio Template, Thanks in advance.
    Saurabh Jarial
    Saurabh Jarial
    6 January 2020 at 19:13
    soon post on it. Stay Tuned!
  • Awita Smart Tech
    Awita Smart Tech
    16 May 2020 at 23:23
    Hi, I could not find the button so what can i do? please help me.
    Saurabh Jarial
    Saurabh Jarial
    27 July 2020 at 21:13
    which button?
  • Anonymous
    Anonymous
    10 July 2020 at 20:31
    are you awesome bro we love your website
  • Kai
    Kai
    21 July 2020 at 06:07
    i will try this after my final exam :) hope it works out for me
    Saurabh Jarial
    Saurabh Jarial
    27 July 2020 at 20:50
    Good Luck for your exams!
  • Kai
    Kai
    11 August 2020 at 19:12
    hello, just tried it and it really worked!! thank you so much for this, i'm happy with my blog :)
  • Fatih Gündoğan
    Fatih Gündoğan
    13 August 2020 at 05:20
    Thanks!
  • Info Kaal
    Info Kaal
    30 October 2020 at 07:43
    Thanks
  • Althea
    Althea
    26 November 2020 at 17:53
    Hello! How can I remove SHOW ALL completely? Thank you!
    Saurabh Jarial
    Saurabh Jarial
    30 November 2020 at 19:40
    have you tried changing the message? that also removes the show all link.
  • Dolarfly Ganhe Dinheiro Com Encurtadores De Links
    Dolarfly Ganhe Dinheiro Com Encurtadores De Links
    30 November 2020 at 15:01
    Blogger has a new theme called Essential and this tutorial does not work on it. The new theme has a slightly different code. How to proceed?
    Saurabh Jarial
    Saurabh Jarial
    30 November 2020 at 19:43
    We will update the post shortly.
  • Dolarfly Ganhe Dinheiro Com Encurtadores De Links
    Dolarfly Ganhe Dinheiro Com Encurtadores De Links
    9 January 2021 at 03:37
    Did you update the post? it seems that there is an error in this part How To Change "Showing Posts With Label ... Show All Posts". look here
    https://web.archive.org/web/20200812044225/http://www.howbloggerz.com:80/2016/02/how-to-remove-change-showing-posts-with-label-blogger.html
    Saurabh Jarial
    Saurabh Jarial
    10 January 2021 at 18:54
    Yes! The post had updated. What error are you facing?