In my old tutorial, I replaced the date with the timestamp. In other words, the timestamp had to be sacrificed just to have dates shown on each blogger post. But this time around, I've imrpovised the tweak by using some Javascript. You won't have to tamper with your timestamp to have the dates shown on each post. You get both Date and Timestamp with this tweak, and it's wayyy shorter than the other one!

Note: If you've already done my previous tweak, and wish to 'resurrect' your timestap, please undo/reverse the other tweak first before attempting this one.

Step 1:

If you're using the old Blogger interface:Go to Dashboard - Design - Edit HTML - Back Up (Download Full Template) - Check the box next to 'Expand Widget Templates'If you're using the new Blogger interface:Go to Dashboard - Template - Backup/Restore - Download Full Template - Close - Edit HTML - Proceed - Check the box next to 'Expand Widget Templates'

Thank you so much! I just found your page through Google, trying to figure out how to do this, and am really grateful someone's used their computer wizardry to make things simpler for the rest of us.Looking forward to checking out your other tutorials. Thanks!

Love all of your posts! You have been a HUGE help. I like this tweak, but have one question. Is there a way I can hide the Date Header?

I followed the tweak and it puts two (or more) posts posted the same day in separate boxes, as it should, but I have a strange line in the Date Header now. Any idea why? www.halloweenshows.net is my link.

@Count Travula: Noted. You can remove the line and the gap by going to Dashboard - Design - Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog:

.date-header{display: none !important;border-bottom: 0px !important;}

.date-posts{border-top: 0px !important;}

@kelen: Thanks for the feedback. In the future, we won't have to go through this tutorial anymore, as the Blogger team is working on a fix for the date-header issue. Cheers.

You're the best! You don't know how freaking long I've been trying to find out how to do this on Awesome Inc template! I've looked it up on the Internet a million times and never found it. Until this site! Not only did I finally find out but it was EASY! You make everything so simple! Thank you so much! :D

Hey there! Thanks for this post, but I couldn't manage to get the date on every post, the date only shows in the latest post that I post on a day, while the rest of the posts that I create earlier the same day only shows the time. I do not know how to fix this =/ since I used a different template to my blogger, is there anyway to do in order to get the date header on every post?My blog is http://tangz-ice.blogspot.com

This tweak won't work on third party templates. The thing is, in the code above, I've restructured blogger's default HTML in a way to support Javascript and show date in each post. The template that you're using are structured in a totally different way, that I am not familiar with. See if you can contact the author your template and find out if this tweak can be incorporated into your template. I'm sorry I could't be much more of a help.

Hi! I have a question about blogging on a different page then my -home- page. When I add a page to my -home- page I get the dates, but I also have a page named -blog- and their I cant get to post new post on, I just have to start above the text I already have written the day before. so my question is: How do I get to make posts on another Page other than my -home- page?Hope you can help me out!! Thanks

Hi Yoga! I have another problem regarding date headers. After I changed layout of my blog, my date headers completely disappeared. I also changed positions of my post titles...from left to center and created page tabs below my header and I also increased white spacing between page tabs and first post title. After all of that my date headers where missing and I've spent whole day figuring what I did wrong?! Please help!

Hi Yoga! I've tried with this but it doesn't work. For some time now CSS code doesn't work on my blog...where can I add this code in HTML? When I changed layout of my blog, everything went wrong. I don't have date headers, my comments are not in line (I have embedded comment form and I used to have them one after the other and now they are all over the place) and my CSS doesn't work! I messed up everything....

Hi Yoboy! I am trying to send you questions about problems I created while trying to modified my blog in blogger but Ask a Question page tab is not working for me and I really need your help...once again....

Hi Yoga! I know, I know....me again! Just wanted to thank you for your previous code, it finally worked when I placed it in HTML code, above ]]> line! Thank you! Thank you! My problem with embedded comment form still remains..I completely messed up my entire blog by trying to improve it....

First of all, sorry for the late replies. Been busy with Deepavali celebration, and it's finally over. You woulnd't have to wait long for my replies anymore.

So, I checked your blog to see if I can notice anything wrong with your comment form, but it seems like you've changed the settings of your comment placing. Could you change it back to 'Embedded' so that I can inspect what has gone wrong?

Gimme a nudge (by replying this comment) one the embedded comment form is up again.

Thank you so much for posting this! I've been searching for a way to separate the posts for days and finally stumbled upon your site. My question now is if there is any way to reduce the large spaces? Namely (1)above the date, (2)the box below the date, (3)above the post title, (4)after the body, and (5)between each post. It's a little too spread out for my liking. Thanks again for all your help!emmiwolfram.blogspot.com

Its a great tutorial here, but on the contrary it didn't work for me. I am not sure if this tutor is meant for the problem I am having. There's no time or date displaying on my blog, that's what I want to fix. I'd be glad if you can attend to this. Thank you Yoga. here's my site: WorldWebSurfers.com

You're using an extremely modded custom template. Most tutorials that you find online are for templates that follow Blogger's default structure. The template that you're using isn't one of them. And nope, the tutorial in the post above will not bring the date/timestamp back.

I'm starting to think your template is not meant to show date and timestamps. Anyways, see if this helps. Go to Dashboard - Layout - Blog Posts - Edit and make sure the box for date and timestamp is checked. Save the changes, and see if it is visible in your blog. If it still isn't there, backup your template by going to Dashboard - Template - Backup/Restore - Download Full Template, then go to Template - Edit HTML and click on 'Revert Widget Templates to Default'. If this still doesn't fix things, you might wanna contact the maker of this template and see if the person has a solution for this.

Hi, I have been trying to get the Date or Time on my blog using this xml change. After restoring blogging confirms upload but changes are not visible on my blogger home page. Is there a trick to this? Any help would be appreciated. Thank you.

Thanks for the tip.. I just posted another comment which had a question on why it is not changing. Please ignore that, it was because I was using dynamic view template which does not support most settings. I changes the template, and timestamp works perfectly. Thanks.

Hi there, thanks for making such helpful tutorials, this is truly a great site.I tried this tutorial but it actually creates two headers for each post, all crazy aligned. I don't know if that's because I changed the date header to appear under the post title. I'm using Simple template with a lot of CSS modification.

I've just re-tried the tweak, and it is still working as intended. Can I have a look at your blog which has double headers for each post? You could replicate the problem in one of your test blogs if you don't want to do it on your main blog.

I'm sorry to bother you. I'm a designer but I'm pretty new to code so I've just been doing trial and error on this blog update for a friend. I've been attempting to get the date to be on the same line as the post title so that is goes: date - title. And I want it all in white font with a black bar background with the date and title to have different fonts. I'm getting close but I've gotten myself into a hole that I can't see my way out of. You can go look at the test sight to see what I mean, but some how I've got 2 dates per post and there's a dashed line through my title which has somehow pushed my sidebar down to the bottom of my blog :(

I've tried to retrace my steps but it's not working. I think I did something a few days ago while trying to get this how I want it that messed up what your code does.Any help you can offer would be amazing!

Sorry for my ridiculously late reply. I've seen your site, and it looks like there is a mess in your template that's causing this. The code that is responsible to display the header is showing up twice. Could you undo this and get back to me? If you're unable to find the portion responsible, we might need to move this discussion to the forum (since it'll be a long one).

Thank you for the tutorial. Is there anyway that I can add a date to each blog post and move the date header underneath the blog title? I have tried and each time I end up with two date headers on above the blog title and one below.

I need both date headers to be showing to identify the get rid of the correct one. I understand you wouldn't want two date headers to be showing on your blog until you get it fixed. Could you perhaps create a dummy blog and import the same template there, and recreate the issue so that I can identify the correct header to be removed?

Great tutorials as always! However, I had some issues with this one: the SyntaxHighlighter doesn't match up with the picture of the lines to delete/replace. The starting portion is fine but the ending portions are different from each other. I tried guessing which lines to delete but it messed up my posts (it created headers, within headers, etc.)

In the end I just deleted the whole section in my editor and replaced it with the entire syntax provided in the tutorial. So far it seems to have worked...hopefully I didn't mess something else up as a result!

The code in SyntaxHighlighter is more recent than the one in the screenshot. They were adding/removing lines like there's no tomorrow, and I had to constantly update the code above whenever Blogger makes change. Hope you did the right change :)

Thanks for the tutorial, I was finally able to put the timestamp for each blog post. However, it seems like now the timestamp is also showing up on my "pages" tabs. Could it be from adding this code in or is there another problem? I would really appreciate the help!! :)

Thanks Yoga! I couldn't follow your instructions exactly since I have my title above my date, but I used part of your html code and it worked!

However, now I'm trying to figure out how to post myself as author on the same line as my date, but I can't figure it out.

Do you think you can help me figure it out? Thanks in advance!I used your html of the script and h2 codes only and placed them under the post title coding. I then ripped the author code from the footer and inserted it under your coding above the post header lines.

hi.. i am so confused.. sorry bout that but does it work for custom template www.thestephaniekxin.blogspot.com hope you understand .. haha :) I am finding code that can fit into the template so that my blog's posts have date and also labels.. thanks

Hello there.. It'd would work on some custom templates that follows Blogger's default structure - I'm not very familiar with the one you're using. Are you able to find the code in Step 1 within your template? If yes, you should be able to get this to work in your template as well.

Hi Yoga, I've tried to copy and paste the code that you have mentioned above but nothing has changed. I'm not sure if you are still active here or not so if you do ever see this comment, could you please email me at kimchi.bibimbap@hotmail.com ?

Hi I'm trying to add to one page mutliple posts, that display to each post day/month/year to go underneath titles and display timestamp but I tried your method and cannot work it out. Using new version blogger and cant see the Expand Widget button. Help!

Thank you very much, big help to me.Your instruction is very clear and precise.Unfortunately, most of my nationals are yet to notice of your instruction because of our language problem, however, at least I am benefitted of the help:)

hey hey Yoga. i remember this tutorial. a good old one. but i have an issue. i just tried it. it works. but... now i have a small box (so small that it looks like a button) in my pages too. it seems to look like a part of the date header. like a snippet from it. any chance to remove it from pages?