Timestamp under the Date and Other Hacks. ~ The Blog Doctor.

Timestamp under the Date and Other Hacks.

New Visitor? Like what you read? Then please subscribe to my Blog Feed or sign up for Free Email Updates. Thanks for Visiting!

A reader wanted to put the timestamp of the post under the date. He was disturbed by the separation between date and time. Usually the timestamp is at the end of the post and the date above the post title. Here is the hack along with a list of all my Blogger Hacks................


Login to Dashboard and click on Layout. This will bring up the Page Elements subtab under the Template tab. First backup the template by clicking on the Download Full Template link. Thus if anything goes wrong you can upload this copy of the backup.

Then put a check in the Expand Widgets Template checkbox at the top of the template text box. Scroll down till you see this code at the bottom of the posts widget :

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>

Select the whole code above and use Edit----->Cut to copy it to your Clipboard. Then scroll above and paste it immediately after this line in the blog posts widget :

<h2 class='date-header'><data:post.dateHeader/></h2>

Preview and save Template. This is the effect you will get :

Click on image to enlarge it.


1. Add Icon To Post Titles.

2. Many Headers In One Blog.

3. How to Remove Blog Title.

4. Table of Contents Template.

5. Add Header to Dots Template.

6. Clickable Headers For New Blogger.

7. Expandable Post Summaries.

8. EMail Link Graphic Below Your Posts.

9. Stumble Upon Bookmark Icons Below Posts.

10. Language Translation Flags in Two Mouse Clicks.

11. Fixed Headers for Blogger.

12. Add Third Column to Blog.

13. Customize the Post Footer.

14. Clickable Image Maps for Blogs.

15. How to Link to Related Articles.

16. Write a Book in Your Blog.

17. Table of Contents in Posts Column.

18. Add Recent Posts List after Every Post.

19. Make Clickable links on Other Blogs.


aliasinkhorn said...


(Tried reaching by email)

I have spent a week trying to Format Post Footer – with no success.

I am using Erudite Template.

Blog Design purpose was to
1. Keep it simple, harmonious, and open, with little visual distractions,
2. Keep the primary content (Title & Post Text Font) more prominent,
3. Keep the secondary content (Date& Footer Font) smaller – Intent is to keep the attention on the Post Text, and
4. To close the line space (leading) between the Post … Link line and the Label/Category line.

Having trouble.. to make the Footer Font Smaller, and reduce the Footer Line Spacing… and think it would be a Great Hack. I have spoken to others who have had trouble with these design issues, also.

Please consider these design issues for Hacks addressed on your site (which is incredibly comprehensive!) … and give me a clue, if you may, on how to do it.

Thank you for your time to read this post.

vin said...


Go to Template---->Edit Html and scroll down t this code :

.post-footer {
margin: .75em 0;
font: $postfooterfont;
line-height: 1.4em;

Dervis2 said...

I want live date show on every page title
title data:blog.pageName' and now.timestamp (day/month/year) /title

but text browser it's be able to see. (for googlebot)

how can it?


Skip to top of post.

Search Blog Before Commenting


Post a Comment

Please use the above search box to search this blog before posting your valuable comments.

Comments posted on Dummies Guide to Google Blogger (Beta) are moderated and will be approved only if they are on-topic and not abusive. Try not to include website URLs/links in your comments. You can email me : drbhatns at gmail dot com for any blogging question. Thanks,


The Blog Doctor The Blog Doctor2 Blog Doctor Home


Tips On Blogger and Latest News.

Skip to top of post.