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.

Leave a Reply

Thank you so much for taking the time to comment! Your email will not be published or shared but you will recieve an email if your comment has a reply. Need help with a tutorial? Check out our Coding + Consultation service for one-on-one assistance.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

27 comments

  1. Alyx on

    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.

    πŸ™

    Reply
  2. Xenab on

    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!

    Reply
  3. Jeff on

    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?

    Reply