Post 7

...and paste the following code just before the </body> tag, and save the template.

<!-- Start post reversal code -->
<script type='text/javascript'>
 var Blog1 = document.getElementById('Blog1');
 var postContainer = Blog1.childNodes[1];
 var first = postContainer.firstChild;
 var status = null;
 var child = first.nextSibling;
 var childNext = null;
 var classes = '';

 var dateHeaders = false;
 while (child != null) {
   if (child.className == 'date-header') {
     dateHeaders = true;
   }
   if (child.className == 'status-msg-wrap') {
     status = child;
   }
   child = child.nextSibling;
 }

 child = first.nextSibling;

 while (child != null) {
   if (child.className != null) {
     if (child.className.match('date-header') != null) {
       childNext = child.nextSibling;
       postContainer.insertBefore(child, first);
       first = child;
       child = childNext;
     } else if (child.className.match('post hentry') != null) {
       childNext = child.nextSibling;
       if (!dateHeaders) {
         postContainer.insertBefore(child, first);
         first = child;
       } else {
         postContainer.insertBefore(child, first.nextSibling);
       }
       child = childNext;
     } else {
       child = child.nextSibling;
     }
   } else {
     child = child.nextSibling;
   }
 }

 if (status != null) {
   postContainer.insertBefore(status, first);
 }
</script>
<!-- End post reversal code -->

That's it!  You're done!