SEO Search

  • Subscribe to our RSS feed.
  • Twitter
  • StumbleUpon
  • Reddit
  • Facebook
  • Digg

Monday, 27 February 2012

How to remove/delete labels from Blogger posts

Posted on 03:58 by Unknown

Many bloggers might find labels below posts (or post titles) unnecessary, as long as they are already in the blog's sidebar. In this tutorial we will learn how to remove them manually. To hide labels from the blogger post footer (or below post title), you could simply uncheck the "Labels" option, however, sometimes this setting might not work properly in certain templates and then we'll have to remove it manually from our template.

How we going do this?

Hide labels from Blogger

Step 1. Click on the 'Template' option and then go to the 'Edit HTML' button.

hide labels, blogger labels, blogger tutorials

To ensure that you won't lose or delete something, it is advisable to make a backup of your current template. To do this, click on the Backup/Restore button on the right top corner:

blogger labels, blogspot tricks
 ...and then click on the Download full template button:



Step 2. After you clicked on the Edit HTML button, select the 'Expand Widget Templates' option for expanding the CSS code.

Step 3. Now find the following code snippet (press CTRL+F and paste the code in the search box):
<b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>

Step 4. And delete it.

Step 5. Click on the Save Template button. You're done ;)
Email ThisBlogThis!Share to XShare to Facebook
Posted in Blog Design, Hacks, how to | No comments
Newer Post Older Post Home

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Popular Posts

  • How to change Blogger "Post A Comment" Message
    In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I...
  • CSS Basics. How to Apply Rounded Corners On Images #1
    This tutorial will explain how to change the outside border of any image using some simple CSS rules to make it round, but this is so easy t...
  • Google adsense optimization tips
    What is Google Ad S ense?  Google AdSense is a free program run by Google that allows you to display Google adverts on your blog/website and...
  • CSS Basics. How to Apply Rounded Corners On Images #2
    In the previous post I have mentioned that we will learn to round images using CSS, without needing to edit them one by one using a program...
  • 4 Different Styles For the Popular Posts Widget
    Blogger allows us to easily add a " Popular Posts " widget, that we select from its list of gadgets, and we can do that by going t...
  • Turn off the lights with jQuery
    For those who enjoy watching videos on the net, this is a very useful script made by Janko with jQuery. So what this script does? It will ...
  • How to Replace Older Posts and Newer Posts Links with Blogger Post Titles
    If you have ever visited a WordPress blog, you might have noticed that the blog pager on these blogs displays the actual post titles, not ju...
  • How to Make the Blogger Posts Have a Calendar for the Date in
    It's quite common to see calendar style dates next to some WordPress posts but for the Blogger platform it isn't always an very easy...
  • Hide/Show Widgets/Gadgets in Home/post/static/archive pages in Blogger
    As some of you may have noticed, all the widgets/gadgets you add to your blog, will be displayed on all the pages by default, including the ...
  • Ways To Increase Page Impressions and Traffic on Your Blog
    What is a Google AdSense "Page Impression"? The page impressions or page views - how much time a user stays on your website and h...

Categories

  • adsense
  • adsense optimization
  • adsense tips
  • Auto Video Template
  • avatars
  • blockquotes
  • Blog Design
  • blogger
  • blogger posts
  • color code generator
  • Comments
  • comments tricks
  • css
  • emoticons
  • Emoticons/Smileys
  • Facebook
  • feedburner
  • forum
  • Hacks
  • how to
  • how to make a blog
  • Image Effects
  • internet
  • jQuery
  • labels
  • menus
  • Navigation
  • navigation menu
  • popular posts
  • posts
  • read more
  • recent comments
  • recent posts
  • related posts
  • RSS
  • SEO
  • sitemaps
  • slideshows
  • social media
  • social media plugins
  • static pages
  • Templates
  • threaded comments
  • titles
  • tools
  • translating
  • webbligi
  • Widgets

Blog Archive

  • ►  2013 (57)
    • ►  November (4)
    • ►  October (16)
    • ►  September (13)
    • ►  June (3)
    • ►  May (4)
    • ►  April (5)
    • ►  March (12)
  • ▼  2012 (73)
    • ►  July (1)
    • ►  June (3)
    • ►  May (9)
    • ►  April (23)
    • ►  March (30)
    • ▼  February (7)
      • Color Code Generator
      • How to submit your Blogger Sitemap to Google
      • Add Your Blogspot Blog to Google
      • Style blogspot blogger date header
      • Display post author, date, labels and comments wit...
      • How to remove/delete labels from Blogger posts
      • How To Remove Blogger Navbar
Powered by Blogger.

About Me

Unknown
View my complete profile