Tweak your Aspire – Show Post Date Correctly

Though I had already written on how to Show post date Correctly HERE it actually involved more code to be added.

I am again writing it for the benefit of others and also to have some continuity in posts.

Let’s start this small tutorial….

Go to Layout -> Edit HTML

Click Expand Widget Templates.

Now find the following Code

var timestamp = &quot;<data:post.timestamp/>&quot;;

The code around it should look like this

<script type='text/javascript'>
  var timestamp = &quot;<data:post.timestamp/>&quot;;
  if (timestamp != &#39;&#39;) {
      var timesplit = timestamp.split(&quot;,&quot;);
      var date_yyyy = timesplit[2];
      var timesplit = timesplit[1].split(&quot; &quot;);
      var date_dd = timesplit[2];
      var date_mmm = timesplit[1].substring(0, 3);
  }
</script>
<script type='text/javascript'>document.write(date_dd);</script>
<div class='month'><script type='text/javascript'>document.write(date_mmm);</script></div>

Now Change the line from

var timestamp = &quot;<data:post.timestamp/>&quot;;

TO

var timestamp = &quot;<data:post.dateHeader/>&quot;;

And the Final code should look like

<script type='text/javascript'>
  var timestamp = &quot;<data:post.dateHeader/>&quot;;
  if (timestamp != &#39;&#39;) {
      var timesplit = timestamp.split(&quot;,&quot;);
      var date_yyyy = timesplit[2];
      var timesplit = timesplit[1].split(&quot; &quot;);
      var date_dd = timesplit[2];
      var date_mmm = timesplit[1].substring(0, 3);
  }
</script>
<script type='text/javascript'>document.write(date_dd);</script>
<div class='month'><script type='text/javascript'>document.write(date_mmm);</script></div>

Now Go to Settings and then Formatting tab and make changes as shown below.

Of course Choose the Time Zone as per your location :)

There is a way on Adding year to the date, but I am still working on it.