Update: There is an easier way to do this without editing the template directly. See Blogger "Edit posts" options
I have tested "unticking" the date header by testing at Testing Blogger Beta without editing directing the template directly at Testing Blogger Beta and you can check a label page eg Label: Comments you would see that there are no date header. Also read the comment: puluth® has left a new comment on your post "How to hide blog date header":
Thanks. but how to remove it from blogger label page?
I have tested "unticking" the date header by testing at Testing Blogger Beta without editing directing the template directly at Testing Blogger Beta and you can check a label page eg Label: Comments you would see that there are no date header. Also read the comment: puluth® has left a new comment on your post "How to hide blog date header":
Thanks. but how to remove it from blogger label page?
While blogs started as web logs or weblogs (chronological publication of personal thoughts or diary) and thus characteristically have a date header like the one above this post, but because blogs have now become a convenient way of putting content online, many have been using blogs for other purposes more like a typical website, many bloggers want to get rid of the typical date header.
That is not difficult to do. Sign into Dashboard > Design > Edit HTML to open the template editor and look for the block of code like the one below (for the Minima template, yours depending on your template may be slightly different):
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
and just add this line: visibility:hidden; for example like below:
/* Posts
-----------------------------------------------
*/
h2.date-header {
visibility:hidden;
margin:1.5em 0 .5em;
}
-----------------------------------------------
*/
h2.date-header {
visibility:hidden;
margin:1.5em 0 .5em;
}
and the date header will be gone.



Thanks for all the great ideas.
ReplyDeleteI'd like to hide the dates on my blog, but I can't find the right place to put the extra code. My blog URL is: http://donrisi.blogspot.com/
My blog info is:
Name: Picture Window
Designer: Josh Peterson
URL: www.noaesthetic.com
Thanks,Don
Here (use ctrl+F .post to find):
ReplyDeleteh3.post-title {
text-align:center;
margin: 0;
font: italic bold 20px 'Times New Roman', Times, FreeSerif, serif;;
}
Try editing to
h3.post-title {
visibility:hidden;
text-align:center;
margin: 0;
font: italic bold 20px 'Times New Roman', Times, FreeSerif, serif;;
}
Peter,
ReplyDeleteThanks for the suggestion, but that hides the post title, not the date, and it's the date I'm trying to hide. Any other suggestions?
I appreciate the help.
Don
Yeah realized that after posting. However, on checking found many of such
ReplyDelete<h2 class='date-header'><span>Wednesday, September 15, 2010</span></h2>
but can't find date-header anywhere in the CSS.
Blogger has been notified, according to the terms of the Digital Millennium Copyright Act (DMCA), that certain content in your blog is alleged to infringe upon the copyrights of others. In this case the content concerns http://avlinks.blogspot.com/. As a result, we've been forced to remove your blog for violating our policies.
ReplyDeletekonala.333@gmail.com is my mail id , please help me sir , ....
this is the message i,ve got from blogger team , please help how to restore my blog please peter sir please, is there any way to get my blog back, please kindly help me ...
Thank you Peter!
ReplyDeleteThis is an important component for subject / topic Blogs... research.
Appreciate all you do.
Sonshine
great idea, i find extra code for my blog - way 2 read online
ReplyDeletethanks for sharing!
This comment has been removed by the author.
ReplyDeleteHuh? I suspect you may be referring to static pages URL where the date in the permalink is replaced (by Blogger not me) and replaced with the alphabet p
ReplyDeleteI didn't really get an answer from the comments above so I tried to do the same as one of your commentator shared for removing the navbar. And it worked for my blog. It removed the date on top of the post title. Go into Template Designer, Advanced, Add CSS, and add Peter's code:
ReplyDelete/* Posts
-----------------------------------------------
*/
h2.date-header {
visibility:hidden;
margin:1.5em 0 .5em;
}
Cheers for this great blog, I'm finding lots of answers!
Stephanie, it is the same. The Template Designer just makes it easier for you to add CSS to the template.
ReplyDeleteI just want to remove the date (month and year) from the URL
ReplyDeletesorry,..I have some problem at here,..how to hide post header..post title already hide.
ReplyDelete??? Post header is your post title. Anyway why on earth would one wants to hide the post title as they are essential for telling what the post is all about.
ReplyDeleteOh one more thing. Within the post itself we may want to add header of various importance and for that we have <h1> header tag with the largest font followed by <h2> header tag with smaller fonts and <h3> header tag with even smaller fonts.
ReplyDeleteSo not sure if you are referring to those header tags within the post itself as the post header?
Thanks. but how to remove it from blogger label page
ReplyDeleteThere is an easier way to do this without editing the template directly. See Testing Blogger Beta and check a label page eg Label: Comments you would see that there are no date header.
ReplyDeleteyour blog has been very helpful, waa, but i just get rid of the date, the month was still on my post, and ive tried other codes which is under post, but can't get rid of the month.. any advice?
ReplyDeleteone more thing, how am i able to add a navi pages? like yours, such as about us blablabla.. please help..
ReplyDeleteYou mean the "Posted by.... at...." at the bottom of the post? If yes, then it is hidden the same way by unticking the "posted by..." in Configure post. See Testing Blogger Beta
ReplyDeleteYour second question, see Simple text horizontal navigation bar
ReplyDeleteim being slow on this one? url.. pls advice if im wrong meaning if ill make a page such as contact us the url i suppose must be www.jhayneLLe30.blogspot.com/contact-us?
ReplyDeleteI am guessing that you are referring to Blogger static pages which has different URL for posts permalinks. Something like
ReplyDeletewww.bloggertipsandtricks.com/p/contact_02.html
How you you remove the month and year from the url's on blogger?
ReplyDeleteFor example: http://www.bloggertipsandtricks.com/2010/09/how-to-hide-blog-date-header.html
How do you remove the 2010/09? Thanks so much!
Fitness Mom, excluding month and year has to be done by Blogger, not us. Do make your request at Feature suggestion: Exclude month and year from permalink
ReplyDeleteThank you so much for this tricks... I love this...
ReplyDeletethankyou so much!i done it!
ReplyDeleteHi Peter,i am trying to find out the code
ReplyDelete/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
but i could not,is there idea to find out he code in my blog template? i will will be more appreciate with you great suggestion
hi there, I want to know if I can remove date (year & month) in my blog archive as I want to keep only the post title.
ReplyDeletethe sample are in this page itself (right side)where it's look like:
BLOG ARCHIVE
2011
2010
DECEMBER
NOVEMBER
OCTOBER
thore are exactly what I want to remove
The only way I can think of is doing it manually which will be a very tedious job if you have many posts.
ReplyDeleteI joined a certain bloge. There is the date/time on which I joind this bloge under "Activities" title.I dont want the date/time on which I joined the blog be visible.How can I do this ? Thanx
ReplyDeleteWhen I saw this tip I figured it would be the solution for my nightmares, because I found this code in my page, but it didn't work. =/
ReplyDeleteI already added the "visibility: hidden;"to my html code. So now the code on my blog is exactly like this
"h2.date-header{ visibility: hidden; margin:1.5em 0 .5em;}"
Do you think it is possible to have any other code about the date/author post?
My blog: www.studyamericas.no
The template I use: http://btemplates.com/2011/blogger-template-marticorp/demo/
Belquior, did you see the update? There is an easier way to do this via configure posts
ReplyDeleteYes, this was the first way I tried... =/
ReplyDeleteHi,
ReplyDeleteIn my blogger template how can i break a rectangular box into two. I mean i installed a template and just below the header i have 728 px wide block which i wanted to break into two. How to achieve that?
http://www.quizmantra.com/