How to change Showing posts with label with your own message in blogger


This is a tutorial that I want to share it with you to help you remove or change the 'Showing posts with label' message with your own message in your blog using blogger and help you to get rid of that text and be free to write what you want.

So first Go To Edit Html , Expand Widgets and search for the  code bellow:






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

The red marked line is the code that we will play with it ,

so if you want to write your own message to be displayed instead of the 'Showing posts with label' message just  change it with your own message like Welcome to my blog :


Example:


<b:includable id='status-message'><b:if cond='data:navMessage'><div class='status-msg-wrap'><div class='status-msg-body'>Welcome to my blog</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>

This is not enough you can display a text using the blogger code like 'data:blog.title/' just see the example bellow


Example:

<b:includable id='status-message'><b:if cond='data:navMessage'><div class='status-msg-wrap'><div class='status-msg-body'><data:blog.title/></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>
 
This will show your blog name automatically.


Update: 
Just want to update this post with some nice additional tips, to show the label section text, like "Download section." message, just change the red code with:
<data:blog.searchLabel/> section. 
Or
You are under <data:blog.searchLabel/> section.
Now lets add some text modification to that text, to do so just change the style of the div tag that pack that message, the modified text code will be like this:

<div class='status-msg-body' style='color:#0000FF; text-decoration:blink; font-weight:bold;'> <data:blog.searchLabel/> section.  
</div>
That additional style code will add a blinking text in blue color and bold weight, you can add more styles to the text and colors if you want to.

That's it , just enjoy your new blog look ;)

2 comments

Hey. I'm using your great code on my blog: http://www.recruitcolorado.blogspot.com/

Your code works for a wrong pathway, but do you know of a way to make it work for a label search that gives no results.

With my Filter on the right, I'd like for something to say "Sorry, there were no results for within your parameters".

Let me know if you can help. Great job once again!

Reply

i 'M Searching for some thing like...

Title tag for labels...

For e.g.
if i check meta tags of my site for this link.... it Says title not found
http://www.harihar.in/search/label/Article

Can you Tell me How to add Title Tag to this Link... and other labels

Reply

Post a Comment