News!! Delete, Alter Or Re-Format The Showing Posts Alongside Label Message.

This article explains options for deleting, or changing the content or formatting of Blogger's "Showing posts amongst LABEL. Show all posts" message in addition to it's ugly grayness box.

If your weblog has a Layout or Designer template, in addition to thus when a someone who is reading it chooses a label value, Blogger displays a page amongst (a summary of) your most recent posts amongst that label.

If at that spot are to a greater extent than posts that Blogger is willing to demonstrate on ane page, in addition to thus at that spot volition likewise locomote "older posts" in addition to "newer posts" links at the bottom of the page.

And - unless you lot convey removed it - at that spot volition likewise locomote a message at the overstep of the page proverb "Showing posts amongst label yourLabel. Show all posts"

Reader actions that crusade a visitor to run into this message include:

Clicking a value inwards your Label gadget

Clicking a label value that is displayed inwards your postal service header or footer
(unless you lot convey turned them off inwards the Layout > Blog Posts edit option).

Clicking a link that you lot convey manually educate to demonstrate posts amongst a specific label (eg if you lot convey used a Pages gadget to brand a carte du jour bar, in addition to ane of the options inwards it has a value like http://www.yourBlog.com/search/label/yourLabel?max-results=999

Unfortunately Blogger does non render whatever agency to customize or configure this message.
.
But it is slowly plenty to totally delete it, or to alter the formatting, or to alter the text..

How to delete the "Showing posts amongst LABEL" message

There are 2 ways that you lot tin take away the "Showing posts amongst Label. Show all posts" message.

Option 1: Remove the code totally.

To practise this,

1 Edit your template inwards the green way

2 Find the next text

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

iii Delete that text in addition to replace it with

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

(If you lot merely delete the text in addition to practise non set the replacement in, in addition to thus it is possible that Blogger volition add together that department dorsum inwards ane time to a greater extent than later.)

Option 2: Hiding the message using CSS

To practise this, add this CSS rule to your template inwards the green way:

.status-msg-wrap,
.status-msg-body {
display: none;
}

(This approach is less risky because you lot practise non request to edit your template, in addition to because it's easier to alter later. But some people convey reported that on their template, it has non worked.)

How to alter the format of the "Showing posts amongst LABEL" message

Some people don't heed the actual "Showing posts amongst Label. Show all posts" message. But they desire to format it inwards a agency that suits their blog's layout in addition to color scheme.

This is easily done, past times adding some extra CSS rules to your template in the green way.

To alter the format of the message text, purpose rules similar this:

.status-msg-body {

text-align: left;

line-height: 1.4;

font-weight: bold;

color: red;

padding: 0.5em 0.3em;

width: 100%;

}

To alter the grey-shaded background or the box:

.status-msg-wrap {
width: 100%;
margin: 0 auto; /* keep the auto tilt if the width is less than 100%, thus the box is centered */
position: relative;
}

There are a broad make of options - banking concern tally amongst CSS reference guides for the options. You may request to deport out some experiments amongst your template in addition to how it looks amongst diverse options to determine on the best combination for your blog.

How to alter the "Showing posts amongst LABEL" message

There are several ways that you lot tin alter the text inwards the "Showing posts amongst Label. Show all posts" message.

Option 1: Just supersede it amongst some text

To demonstrate a judgement of your ain instead of Blogger's measure message,

1 Edit your template in the green way

2 Find the next text

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

iii Replace the line inwards bold (ie <data:navMessage/> ) amongst your ain words.

For example, you lot mightiness say

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

<b:if cond='data:navMessage'>

<div class='status-msg-wrap'>

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

Posts inwards this category include (use the Older Posts link to run into previous posts):

</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 demonstrate the searched-for label value inwards your message, you lot request to purpose the <data:blog.searchLabel/> tag. For example, you lot mightiness say

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
Posts about <data:blog.searchLabel/> include (use the Older Posts link to run into previous posts):
</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>

Note: if you lot are going to purpose this tag, in addition to thus you lot request to lead your label values real carefully, thus that they all brand sense. For example, inwards ane weblog I convey some posts labelled "For quiz organizers" in addition to others labelled "Finance", "Organisation" etc. There is no agency that I tin write a judgement including the labels that makes feel for both of these.

Types of Blogger template

Using Labels to categorize your posts

The Pages gadget is a carte du jour bar for Blogger

How to edit your Blogger template

How to add together a novel CSS dominion to your weblog template