LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Tricks » How To Show Dates With All Blogger Posts Even Publish On Same Date?

How To Show Dates With All Blogger Posts Even Publish On Same Date?

How To Show Dates With All Blogger Posts Even Publish On Same Date?

In WordPress there are many option but in blogger there are few officially but we can make more manually. Recently I shared an article about “How To Display Each Post Separately Under DateHeader In Blogger?“. So after solving that bug, Now its comes to show date in every blog post that blogger officially dont do. So for that purpose, here we have some little editing steps with some codes that will let you to do this in easy and working way…

Officially when you post a blog post then here comes the dateheader on the top of blog post but when you post more them one post in a day then it start showing all posts date on time to there top that is not a pro style for normal and best blog.

Now to solve this error, here we are with some codes that will let you to show blog post date in every blog post even they are posted on same date. To understand what we are saying, just see the below screenshot that is before and after the code. If you are a designer then you can understand the code easily.

How To Show Dates With All Blogger Posts Even Publish On Same Date?

Table of Contents

Features:

1.) Little Code Editing.
2.) Little JavaScript.
3.) Will Show Date On All Blog Post.

How To Add In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire “Blog“.
3.) Go To “Template“.
4.) Click “Edit HTML“.
5.) Now Click Within Code Box.
6.) Press [CTRL+F] To Search <!– posts –> Code. You Will Get Two Of This Code.
7.) Now Find The Below Code After 10-12 Line Of First <!– posts –>

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<span>
<data:post.dateHeader/>
</span>
</h2>
</b:if>

8.) Replace This Above Code With The Below One.

<b:if cond='data:post.dateHeader'>
<script>var exeBlogDate = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 lass=date-header'><span><data:post.dateHeader/></span></h2>
<b:else/>
<h2 class='date-header'><span><script>document.write(exeBlogDate);</script></span></h2>
</b:if>

9.) Click “Save Template” And Done.

Last Words:

This is it what we have. Its tested and working fine in every blog. If you liked it then share it with your friends and leave your comment. If you still have any problem/query then feel free to contact us. We will feel happy to help you.

You Like It, Please Share This Recipe With Your Friends Using...

8 Responses to “How To Show Dates With All Blogger Posts Even Publish On Same Date?”

  1. iliyas shaikh says:

    its very use full thanks
    regards from
    http://www.iliyas.net

  2. good bro given grate information thank you

  3. wscube seo says:

    thanks for giving such a good info..

  4. Aditya Dwivedi says:

    thanks your code is working me but there is little bit mistake use this code


    var exeBlogDate = '';


    document.write(exeBlogDate);

Leave a Reply

Your email address will not be published. Required fields are marked *