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.
You may like the following posts:
How we are going to do this?
Step 2. Click anywhere inside the code area and search by using the CTRL + F keys the tag below (hit Enter to find it):
You may like the following posts:
- How to Remove Showing Posts With Label in Blogger?
- Show Recent Posts With Thumbnails For Particular Label or Category in Blogger.
- Display post author, date, labels and comments with icons below post titles.
How we are 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: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 style:
<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.
.post-labels {
display: none;
}
</style>
How to remove labels from your blog permanently
Its too simple as above task. You can do this for your blog post by removing some code from your blogger template. Lets see how to do that. Follow below steps.
- Go to Blogger Dashboard > Template
- Backup your Template before making any changes to your blog
- Click on Edit HTML
- Tick Expand Widget Templates
- Press Ctrl + F and search the code shown below ▼
<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 != "true"'>,</b:if> </b:loop> </b:if>
Delete this searched portion from your blogger template. Now you're done! Hope you like this post. Thanks for visiting and happy blogging:)
Awesome! Thanks!
My pleasure. Thanks for stopping by!
Thanks so much!
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!
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 :)
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.
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!
I want to hide my labels, not delete, how is this done?
Just above ]]></b:skin> add this code:
.post-labels {
height: 0px;
visibility: hidden;
display: none;
}
Its shows Home>>Hollywood Movies>>NEW MOVIES
how do i remove them???
Thanks so much! You're the first post regarding the issue that actually worked, and I've been researching for a few days!
Great post.. but i want to remove single tag.. if you know let me.. thanks..
http://tamilsirukathaigal.blogspot.com it is blog id.
Right sidebar (layout) change it position to posting area(body). how to solve?
I have been looking for a long time and nothing was working for me, at last I found the solution. Thank you very much.
Hello, is it possible to change some of the labels, or to delete just some of them? Thank you in advance,
Thank you very much for this great post. It helped me to remove my lengthy list of labels!
thanks man!
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. ;)
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!
Totally working! thanks! ;)
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?
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!
THANK YOU!
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!?
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?
wow it works really well, thank you so much!
www.cintaruhamaamelz.com
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...
This drove me crazy. Thanks for the tip!
Thank you!! drove me crazy too!
http://sexywomenontheweb.com
Fast and easy... THANK YOU !
thanks:) goood tip (it worked)
good but if I want new Labels to Show >>>>Then
thank you so much................. it works
Thank you so much! it works :)
http://diaryofagreenaholic.blogspot.com
Works like a charm@ Thanks much :)
i only liked your sitemap, i just want to know how you generated it and what trick you applied, i want a good sitemap generator, I think you have done it manually, but i am looking to generate a sitemap like yours in more easy manner. I dont want to write each and every post url and then write about them. It is very time consuming and painful. Have a trick? then post it for readers...
Hi Ayurved Info Center, I have already post about how to generate sitemap or table of contents in Blogger. You don't need to add every post URL manually. Here is the post: https://bloggerchive.blogspot.com/2013/12/add-sitemap-table-of-contents-to-blogger.html