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

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 ;)
How to change Showing posts with label in blogger with your own message How to change Showing posts with label in blogger with your own message Reviewed by Mhr on 18:29 Rating: 5

7 comments

  1. Hi. I want show post label. So, not data blog title. Only show post label name.

    Example:
    -div class='status-msg-body'>
    You showing category
    -/div>

    Is this possible?

    ReplyDelete
  2. use blog.searchLabel

    ReplyDelete
  3. thank you so much :) how can i change font size and color? is it possible?

    ReplyDelete
  4. It should be possible with CSS, however I don't know the specific class or ID to target.

    ReplyDelete
  5. Hello Maria, check out up there Ive done an update that will help you ;)

    ReplyDelete

No Backlinks please, Comments are under moderation !