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


Keep Visiting for More Articles and Tutorials. :) Like our Official Page for More Updates... | Our Downloading Website. "FileXOne! | Download Portal"

Post a Comment