Remove "Showing posts with label.. show all posts"

Also Read

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 

First, we need to find the code which is responsible for this

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

<b:includable id='status-message'>

If you found the code then  expand it by clicking the arrow on the right side just like the image given above, After expanding you can see 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

now we have to remove some portion of the above code, 

delete the code given below

   <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

- നവംബർ 01, 2018

Arunkumar

A professional content writer and tech savy. He love to explore new stuff and explain it in a simple way. No matter what and how complicated it is

Disclaimer: This post may contain affiliate links that earn me a small commission, at no additional cost to you. I only recommend products I personally use and love, or think my readers will find useful.

Read other related articles