Remove "Showing newest posts with label..." Tag

When a label page is loaded, and if this page could not accommodate all of the labeled posts in a sinlge page (where you'd have to click 'Older Posts' to see previous posts), you'd be greeted with an annoying tag that that reads:

"Showing newest posts with label <label>. Show older posts"

If you are familiar with my previous tutorials, you would have seen a way to remove this tag. But I think this method deserves a dedicated tutorial for itself since it is a famous query when it comes to blog-tweaking.

In this tutorial, you will learn a very simple way to remove this annoying tag. Moreover, you will learn a way to fix the page margin as removing the label tag will create a gap in your page (in certain templates).

Step 1:

If you're using the old Blogger interface: Go to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

If you're using the new Blogger interface: Go to Dashboard ('House' symbol) - Template - Customize - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

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

You're done! The step below is optional.

Step 2:

Depending on your template, you might have your entire posts shifted a few pixels down. I've seen templates where this is not an issue, in fact most templates could adapt with it. But there are those which could not. The image below depicts the issue that I am talking about:

I was thinking of inlcuding the fix in this post itself, but I think it'd be better for me to generalize the idea and make a new tutorial for it. So you can check out how to fix this issue here.

Blogger Margin Fix


Happy getting rid of your "Showing newest...." tag!