blog.si.log. \'blòg-së-lòg\

BLOG-ger. SI-nangag (fried rice). it-LOG (fried egg).
CUSTOMIZE YOUR BLOGGER BLOG.
All the tricks, hacks and treats while enjoying your breakfast.




Blogger 101. How-to's, tutorials, all the basics you need to learn about Blogger (dot) com.
Blogger Tweaks. Style and dare to tweak your blog. Make it custom. Make it different.
Blogger Fixes. Encountered errors, glitches while blogging? Check here for possible solutions.
Blogger Conditional Tags. If, Else then WHAT? Learn the secret behind most of the tweaks on blogger.

2 ways to show date for posts published on same day

View demo.

There are two ways to display post date for blogger posts created on the same day. Both will require to EXPAND WIDGETS TEMPLATE. Thus, back up!


display date for posts on same day


Technique #1. Using Blogger Post's Default Published Timestamp.
1. Go to EDIT HTML Page. EXPAND WIDGETS TEMPLATE.
2. Press Ctrl + F. Type in <h2 class='date-header'> on the search bar.
3. Look for a code similar to this.

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


4. REPLACE the highlighted code above -- from <data:post.dateHeader/> to <data:post.timestamp/>

show date for posts made on same day

5. SAVE TEMPLATE.


How to change the Date format.
1. Go to SETTINGS tab.
2. Choose FORMATTING.
3. Under TIMESTAMP FORMAT, choose desired format.

change date format on blogger


Technique #2. Using script tags.
Anshuldudeja posted a blogger trick that uses this code:

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


View complete instructions.


Result.
display date for posts done on the same day


Related Blog.
How Show Post Date For Blogger Posts Done On Same Day
share. comment. subscribe. link.


Share.This.Post.
Share.Your.Thoughts.
Subscribe.To.The.Comments.
Subscribe.To.Websilog.
Create.A.Link.


0


Share.Your.Thoughts.

Copy below HTML link to quickly create a link to this post.



back to share



about web.silog
Curabitur sodales leo et quam venenatis eu faucibus quam placerat. Aliquam metus diam, pretium nec commodo at, tristique nec mauris. Vestibulum urna massa, convallis vel laoreet in, ultrices eu nisl. Nulla facilisi. Nam tristique mollis semper. Mauris ac vestibulum lorem. Mauris erat libero, lobortis nec faucibus non, tempor in leo.

Nulla facilisi.
Nulla facilisi.
Nulla facilisi.


about the blogger
My Photo
In hac habitasse platea dictumst. Aenean congue, lacus in sagittis tempus, dui risus pretium nunc, semper bibendum arcu libero sollicitudin diam. Pellentesque lectus lectus, consectetur at sodales sit amet, sollicitudin eu augue.