ADS

News!! Delete, Alteration Or Re-Format The Showing Posts Amongst Label Message.

This article explains options for deleting, or changing the content or formatting of Blogger's "Showing posts with  LABEL.  Show all posts" message inward add-on to it's ugly grayness box.

If your weblog has a Layout or Designer template, inward add-on to therefore when a somebody who is reading it chooses a label value, Blogger displays a page with (a summary of) your most recent posts with that label.

If at that spot are to a greater extent than posts that Blogger is willing to demonstrate on ane page, inward add-on to therefore at that spot testament too locomote "older posts" inward add-on to "newer posts" links at the bottom of the page.

And - unless you lot lot direct removed it - at that spot testament too locomote a message at the happen of the page saying "Showing posts with label yourLabel. Show all posts"





Reader actions that crusade a visitor to encounter this message include:
  • Clicking a label value that is displayed inwards your shipping header or footer
    (unless you lot lot direct turned them off inwards the Layout > Blog Posts edit option).
  • Clicking a link that you lot lot direct manually prepare to demonstrate posts with a specific label (eg if you lot lot direct used a Pages gadget to build a bill of fare bar, inward add-on to ane of the options inwards it has a value like http://www.yourBlog.com/search/label/yourLabel?max-results=999

Unfortunately Blogger does not homecoming whatsoever way to customize or configure this message.
.
But it is piece of cake enough to totally delete it, or to modify the formatting, or to modify the text..


How to delete the "Showing posts with LABEL" message

There are ii ways that you lot lot tin plow over the sack receive got away the "Showing posts with Label.   Show all posts" message.

Option 1:   Remove the code totally.   

To do this,

1  Edit your template inwards the greenish way

ii  Find the side past times side 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 inward add-on 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 lot only delete the text inward add-on to do not ready the replacement in, inward add-on to therefore it is possible that Blogger testament add together together that region dorsum inwards ane fourth dimension to a greater extent than later.)


Option 2:  Hiding the message using CSS

To do this, add  this CSS rule to your template inwards the greenish way:
.status-msg-wrap,
.status-msg-body {
display: none;
}
(This approach is less risky because you lot lot do not asking to edit your template, inward add-on to because it's easier to modify later.   But some people direct reported that on their template, it has not worked.)


How to modify the format of the "Showing posts with LABEL" message

Some people don't psyche the actual  "Showing posts with Label.   Show all posts" message.   But they wish to format it inwards a way that suits their blog's layout inward add-on to color scheme.

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

To modify the format of the message text, role 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 modify the grey-shaded background or the box:
.status-msg-wrap {
width: 100%;
margin: 0 auto;   /*  keep the auto argument if the width is less than 100%, therefore the box is centered */
position: relative;
}

There are a wide build of options - banking trouble organization stand upward for with CSS reference guides for the options.   You may asking to demeanour out some experiments with your template inward add-on to how it looks with various options to create upward one's psyche on the best combination for your blog.



How to modify the "Showing posts with LABEL" message

There are several ways that you lot lot tin plow over the sack modify the text inwards the "Showing posts with Label.   Show all posts" message.

Option 1:   Just supersede it with some text

To demonstrate a sentence of your receive instead of Blogger's mensurate message, 

1  Edit your template in the greenish way

ii  Find the side past times side 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/> ) with your receive words.

For example, you lot 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 encounter 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 lot asking to role the   <data:blog.searchLabel/>   tag. For example, you lot 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 encounter 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 lot are going to role this tag, inward add-on to therefore you lot lot asking to Pb your label values existent carefully, therefore that they all build sense.   For example, inwards ane weblog I direct some posts labelled "For quiz organizers" inward add-on to others labelled "Finance", "Organisation" etc.    There is no way that I tin plow over the sack write a sentence including the labels that makes experience for both of these.




Related Articles:





Subscribe to receive free email updates:

ADS