Change or remove the “showing posts with label” message

When a reader clicks on a label on your blog, they are greated with a message telling them that they are now viewing all of your published posts that are categorised under that label. Todays tutorial will show you how to remove this from your blog or change the text that is displayed as well as how it looks.

change or remove showing all posts with label message

Remove the “showing posts with label” message

To remove the message completely following these quick steps. Go to Template > Edit HTML > Jump to Widget > Blog1. Under this you’ll see

<b:includable id='status-message'> ... </b:includable>

Click on the black arrow on the left to expand this 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>

Replace it with the following

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

Save the template. Now when a reader clicks on a label, the message won’t show. This is great when using navigation menus for different blog categories.

Change the “showing posts with label” message

change or remove showing all posts with label message To edit what the message says go to Template > Edit HTML > Jump to Widget > Blog1. Under this you’ll see

<b:includable id='status-message'> ... </b:includable>

Click on the black arrow on the left to expand this 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>

To change the display message, you need to change whats in between these lines

<div class='status-msg-body'>
                                      
</div>

You can change <data:navMessage/> to show the text you want, such as displaying the label name

<div class='status-msg-body'>
Check out my <data:blog.searchLabel/> posts!
</div>

Edit the look of the message

change or remove showing all posts with label message Add the following to Template > Customise > Advanced > Add CSS to style your message. Adding code here will place it above ]] </b:skin> in Template > Edit CSS. Add the styling you want between the brackets.

/* change text style  */
.status-msg-body {     }

/* change background */
.status-msg-bg {     }

/* change border style */
.status-msg-border {    }

Use conditional tags to change the style of the status msg only on label pages.

Post last updated:

27 responses to “Change or remove the “showing posts with label” message”

  1. When I go to Jump to Widget>Blog 1, mine doesn’t look like yours. Mine doesn’t have a black arrow to expand and I don’t see “<data:navMessage/" anywhere.

    πŸ™

    1. Hello, take a look at this post which should help you find the correct code πŸ™‚ let me know how you get on. If you still can’t find it, we can try something else.

      1. Hello! I tried searching for it when I first looked. I still don’t see it.

        1. Go to Settings > Permissions and add ********@gmail.com, I will login and do it for you πŸ™‚

  2. This is a great tip!
    Thanks Ellie! πŸ™‚

    Just wondering if you have a tutorial for changing the ‘Read More’ text to either be bolder or an icon.

    Cheers, Pia

    1. Hello Pia! Here is a tutorial for changing the read more text – http://xomisse.com/blog/customise-read-jump-link-blogger/

  3. MISBAHUL MUNIR

    i am from indonesia… your very very help me, thank you very much…

    1. Awh thank you πŸ™‚

  4. Woo Hoo! Love it! Thanks for saving me again!

  5. Thanks for nice solution. Really helpful post for all new blogger.

  6. Thank you so much *o*, that was exactly what I was looking for!

  7. Thank you, my blog looks much better now!

  8. Hi Elaine,
    I tried this earlier and it worked, but then when I was editing some other code in my template, I accidentally deleted the part of the code that lets you edit the text, background, etc. I tried putting it back in, but it doesn’t seem to be working? Could you help me out? The page I am editing is MAZAFOODS.INFO/SEARCH/LABEL/BLOG

    Thanks a bunch!

    1. Ooh nevermind! I figured it out! The tag from the code above it wasn’t closed. Thanks anyway!

  9. I tried searching the code but it did not work

    1. Try searching for a smaller snippet of the code. Sometimes the search doesn’t work if the query is too long, the search guide here may help.

  10. Science Tutor

    good job,
    this article help me

  11. Thanks So much brother…
    i love U.. hahaha

  12. I cant find the id status message. is there any other way @ danglobal.blogspot.com

  13. Thank you! It worked perfectly!

  14. Thanks dude for this amazing post. I applied it on my blog and it is working perfectly.

  15. Kat

    thanks so much! huge help!

  16. Thank you!! this post is very detailed and precise .. it truly help me πŸ™‚

  17. Hi, there!
    I know it’s an old post, but I hope you can help me out.
    This article is really helpful, but I want to know if there’s a way to change the message for each label.
    I want to add the different messages on each label. Is it possible?

    1. You could use conditional tags to do this, but it would be a lot of work πŸ™‚

Join over 1,000 creators and small biz owners and be part of The Roundup

Ready to build your website, grow your audience and monetise your platforms? Receive the latest WordPress news, social media updates, SEO tips and industry insights straight to your inbox.

By signing up you’ll receive our fortnightly newsletter and free resources. No spam or unnecessary emails. You can unsubscribe at any time.