Remove "Showing Posts with label.. Show Older Post" from Blogger | Blog Websites Design
It is one of the best blogging tips for all the blogger especially for those who are using BlogSpot platform for their blogging websites. This free blogging websites platform have some optional unwanted widgets & features. And sometimes, it badly affects your blog design and adds an unsuitable finishing look on the best blogging business professional sites. We are here to convert your free blogging site design to business blogging site theme. When a visitor clicks on any of the label or categories from your label-cloud they get a default message "Showing Posts with Label (label name). Show all posts" on top of the same page and above the post which shows that they are now seeing all the published articles that are filtered and classified under that label. Today we are going to see how to remove this unwanted and unnecessary message from your blog design that many probloggers like to have it removed from their free blogging sites and I insists every blogger implement this trick. Moreover, you can change it as per your requirement or if you want to show the custom message. If you are wishing to make your blogger blog look like a professional blog or a business website, it is better to hide this 'showing posts with label' message. Follow this tutorial to get more about these blogger HTML editing techniques.
These labels are nothing but the topics or you can say categories under which all your blog posts are divided separately. This helps all your blog reader to find all posts that come under that particular label. It's very convenient to categorize the blog pages very friendly. Like in Responsive Web Development label, last time we have seen, How to Build Responsive Blogger Template CSS and today we are going to see advanced tutorial to remove showing posts with label in Blogger.
Also read: Making Blogger Responsive Mobile-friendly Template Design | Responsive Web Development
Remove Showing Posts With Label in Blogger:
Step 1. First backup your blogger template. Then go to your template HTML editor.
Step 2. Click 'Expand Widgets Templates'.
Step 3. And then look for the following part of code:
Step 4. Now you have to just replace this code with the following Boost code:
Step 6. Click on any label and see the difference.
Don't forget to backup your template before applying any trick or hack. This always assures in most of the time while editing HTML template and getting back to previous working stage.
 |
| Remove Showing Posts With Label in Blogger |
Also read: Making Blogger Responsive Mobile-friendly Template Design | Responsive Web Development
Remove/Delete Showing Posts With Label in Blogger
In most of the time when a reader clicks on any label, many related posts with that label will open in main-wrapper. At this time, if you look at the top-most part of the main-wrapper there is a message that contains: "Showing Posts with label… Show Older Post". As shown in the picture.Remove Showing Posts With Label in Blogger:
Step 1. First backup your blogger template. Then go to your template HTML editor.
Step 2. Click 'Expand Widgets Templates'.
Step 3. And then look for the following part of 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>
</b:includable>
<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>
Step 4. Now you have to just replace this code with the following Boost code:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Step 5. Now save the template.<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Step 6. Click on any label and see the difference.
Don't forget to backup your template before applying any trick or hack. This always assures in most of the time while editing HTML template and getting back to previous working stage.
Vinayak SP
Vinayak is a web geek, digital columnist, and solo entrepreneur working on ProBlogBooster. You can follow PBB on social media or subscribe to our email newsletter and never miss an update. twitter instagram amazon linkedin external-link
I looked for: how to avoid "Showing newest posts with label" blogger in google and this post was the first to appear. I use it, and work well in my blogs, was easy and well explained. I bookmarkit and would use it as a reference in the future. Thank you.
I've recently started a blog, the information you provide on this site has helped me tremendously. Thank you for all of your time & work.
excellent post to boost your blog,it works amazing.thanx a lot for sharing.
That was a really good article, thanks for taking the time to put it together! You have managed to point out some very good points. I can't say that I completely agree about some points, but you certainly have a unique perspective. Anyway, I like your post
Excellent blog and great posts.I really liked the way you present your ideas to the readers.
fantastic post.thanks for the this useful info.its so much helpful to me.nice blog.
I’m still studying from you, however I’m bettering myself. I actually love studying all the things that is written on your blog.Preserve the tales coming. I beloved it!
That was a really good article, thanks for taking the time to put it together! You have managed to point out some very good points. I can't say that I completely agree about some points, but you certainly have a unique perspective. Anyway, I like your post
You write about many interesting things and the themes you chose are fascinating. Can we expect any new feeds to your blog ?
I’m glad that I came across your site. I have read a number of your articles and they were all an excellent read and very informative. Thanks :)
Excellent blog and great posts.I really liked the way you present your ideas to the readers.
perfect design thanks