Remove “Showing posts with label.. show all posts”

We know that Blogger is the best free blogging platform that available on the internet.
for a starter, it will be the best place to learn the possibilities of blogging. we know the only way to categorize our posts in blogger is labels. but for a blogger, it will be very disappointing to see this message  “showing posts with label xxxx, show all posts”.

whenever a user clicks on the label or the category. a message like this will appear. for a blogger who tried everything to make a pro look for his blog, this will be very irritating. Unfortunately, Blogger does not provide any way to customize this message but there are other ways to remove this status message from your blogspot. So, I have created a tutorial for it. Just follow the steps to remove this message..

Also read How to create a new ad unit in free blogger template

Find the code 

click anywhere inside the HTML box and press ctrl+f.  Now search for this code 

<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 cond='data:blog.pageType == &quot;error_page&quot;'>

Remove or replace the code

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

And replace the complete code with this code 

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

click save the theme, visit your site and check by clicking any label, does it sees any message
“Showing posts with the label….show all posts”

If you think, the above method is hard for you, then there is another easy method you can try.

Adding CSS code

Add this CSS code to your template

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

Or

.queryMessage { display: none; }
 

You can add CSS code to your theme by two ways

#1 Themes > Edit HTML

click inside the html box and Press ctrl+f  now search for ]]></b:skin> And paste the css code just above the ]]></b:skin> 

 

#2 Themes > Customize > Advanced > Add css

 paste the CSS code in the white blank side

It’s done.

Conclusion

In this Article we have learned to remove the “showing posts with label xxxx .show all posts” message, now our blog looks like a WordPress blog, I Hope you found this article useful, If so please share it with others who might appreciate it as well! Thanks  

Also read Free Blogger template without copyright