A Great Point to Learn Tutorials

[an error occurred while processing the directive]

Wednesday, December 31, 2014

How to Remove/Delete Showing Posts With Label in Blogger

 For any default Blogger layout, the "Showing Posts with Label" message shows up above the posts each time you click on a label link. As it's a pretty useless and annoying message, many people like to have it removed.


Whenever you click on any label link, a status message “Showing posts with label …. show all posts” shows up. We can remove this message using a simple hack. Label message is appearing when we click on any label link. We can use two methods to remove or hide the message “showing posts with label”. First method is by hiding using CSS and second one is by removing corresponding template variable.


Method 1: Hide labels in Blogger Posts using CSS
  •     Log in to your Blogger account > head to the 'Template' tab > hit the 'Edit HTML' button:

blogger template setting


  •     Click anywhere inside the code area and search by using the CTRL + F keys the tag below (hit Enter to find it) </head>
  •     Just above the </head> tag, add the following style:
<style>
.post-labels {
display: none;
}
</style>
  • Click the 'Save Template' button to save the changes and view your blog. The labels below the posts should be hidden now.
 Method 2: Removing "Showing post with label...show all posts"



Also Read:- Sitemaps Tutorial and its Effects on SEO To Blog
  •     Go to Dashboard - Template - Edit HTML (if necessary, click on proceed button).
  •     Click anywhere inside the template code, then search - using CTRL+F - this code:
<b:includable id='status-message'>
After you found it, click on the sideways arrow next to it, to expand the rest of the code.

 remove-blogger-blogspot-labels

Below is this red code that you need to remove - along with the first one, as well:
      <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>

 remove-blogger-labels-new-template-editor

Replace it with this one:
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Save the template. Now view your blog and click on some label....there should be no box anymore.


Posted by Akhilesh Kumar
I am a blog scientist and a professional blogger. we writes on this blog about Tech, Blogging, SEO, Social Networking Site, News, Search Engines Traffic, Make Money Online, Life Hack and Making Life Successful. our blog NagarUntari receives 10k Pageviews per month. I do share on this blog regularly.

Let's Get Connected: Twitter | Facebook | Google Plus

1 comment:

  1. Your post is very useful,
    I have received better information from your post
    Thank you very much Sir
    From : www.whatsappspecial.com

    ReplyDelete

Comment FAQs

     * All Comments are Moderation.

     * Please Do Not Spam Us.

     * Please Don't Use any Link or HTML Code with Comment.

Latest Posts

FOLLOW ON SOCIAL SITE

774 People
6684 Followers
6584 People
654 Fans
44 Followers
574 People

CATEGORIES

  • Blog Tips (89)
  • Blog Widget (7)
  • Computer Tips (1)
  • make money (33)
  • Mobile Tips (13)
  • nagar untari city (12)
  • Other Tips (16)
  • SEO (42)
  • Social (5)
  • wordpress tips (22)

GET DAILY UPDATES

Subscribe for our all latest news and updates
[an error occurred while processing the directive]