How to remove/delete labels from Blogger posts

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

How are we going to do this?

Hide labels in Blogger Posts using CSS

Step 1. Log in to your Blogger account > head to the 'Template' tab > hit the 'Edit HTML' button:

hide labels, blogger labels, blogger tutorials

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

39 comments:

  1. I'm trying to get my "comments" moved from the home page to the post page (truncating my posts) Thoughts? suggestions?
    http://myrepurposedlife.net
    thanks!

    ReplyDelete
    Replies
    1. Hi gail,

      From your Blogger Dashboard, go to Settings, click on the Comments subtab (or Posts and comments) and at the Comment Form Placement (or Comment Location), select "Embeded below posts"(Embedded) option - then click on Save Settings. Hope it helps :)

      Delete
  2. I didn't listen and didn't save a copy of my template before I took out that code. Now I want to put it back in but I don't know where it goes. What does this code follow? Thanks.

    ReplyDelete
    Replies
    1. Hi Kendra,
      Add the code you have deleted just below this code:

      <div class='post-footer-line post-footer-line-2'><span class='post-labels'>

      Thanks for visiting!

      Delete
  3. I want to hide my labels, not delete, how is this done?

    ReplyDelete
    Replies
    1. Just above ]]></b:skin> add this code:

      .post-labels {
      height: 0px;
      visibility: hidden;
      display: none;
      }

      Delete
    2. I tried this but the labels are still showing on my blog, I just want to hide them, do you have a different code I could try by any chance?

      Delete
  4. Its shows Home>>Hollywood Movies>>NEW MOVIES
    how do i remove them???

    ReplyDelete
  5. Thanks so much! You're the first post regarding the issue that actually worked, and I've been researching for a few days!

    ReplyDelete
  6. Great post.. but i want to remove single tag.. if you know let me.. thanks..

    http://tamilsirukathaigal.blogspot.com it is blog id.

    ReplyDelete
  7. Right sidebar (layout) change it position to posting area(body). how to solve?

    ReplyDelete
  8. I have been looking for a long time and nothing was working for me, at last I found the solution. Thank you very much.

    ReplyDelete
  9. Thanks admin for guidance in very simple and good way.......inspiring. http://oneaiou.blogspot.com

    ReplyDelete
  10. Hello, is it possible to change some of the labels, or to delete just some of them? Thank you in advance,

    ReplyDelete
  11. Thank you very much for this great post. It helped me to remove my lengthy list of labels!

    ReplyDelete
  12. Hello.
    It's good tip, I used it in downloaded template... ;)
    But now, now i need reverse tip - how to ADD labels to Blogger posts? My actual downloaded template is a bit differently made and I need it in code, 'cause my settings in 'Settings' (:D) haven't got effect to results... And all my tryings fail (I copied various codes etc.)... Please, can you help me?

    Thank you in advance for your answer.

    PS: Sorry for my bad grammar, english isn't my language. ;)

    ReplyDelete
    Replies
    1. Try to find this code in your template:
      <div class='post-footer-line post-footer-line-2'><span class='post-labels'>
      Or this:
      <div class='post-footer-line post-footer-line-3'>
      ...and just below, add the code from step 3.

      Hope it works! Thanks for visiting!

      Delete
  13. I get undefined as well. Any help... http://www.thepoetryofjonsanders.com/2010/11/little-rain.html

    ReplyDelete
  14. It doesn't find this on mine and i also don't have a expand widget template button. (working on the new layout) please help!

    ReplyDelete
  15. Help! I deleted it but it deleted all my blog posts .... now I would like to add it back in, where do I put it in the html!?

    ReplyDelete
  16. Hi, I am trying to add the 'labels'; 'blog archive' and 'categories' gadgets to my blog home page. I have selected them in the layout and i am saving them. however when i 'view blog' they still don't show.. can anyone help me please?

    ReplyDelete
  17. wow it works really well, thank you so much!

    www.cintaruhamaamelz.com

    ReplyDelete
  18. hi all guy !
    My sopheak and i want to make "box for picture"like drop shadow" so what's should i can do it ?

    thank you...

    ReplyDelete
  19. This drove me crazy. Thanks for the tip!

    ReplyDelete
  20. Thank you!! drove me crazy too!
    http://sexywomenontheweb.com

    ReplyDelete
  21. Fast and easy... THANK YOU !

    ReplyDelete
  22. thanks:) goood tip (it worked)

    ReplyDelete
  23. good but if I want new Labels to Show >>>>Then

    ReplyDelete
  24. thank you so much................. it works

    ReplyDelete
  25. Thank you so much! it works :)

    http://diaryofagreenaholic.blogspot.com

    ReplyDelete
  26. I'm trying to move my labels below the body of the post but I can't find any code that you suggested. Here is the test site. http://clds-testblog.blogspot.com/2013/12/half-and-half.html

    ReplyDelete