Simple Post Modifications

Overview

This page lists a number of simple modifications of the post includable.
It is strongly advised to read the documentation of this includable before you start to modify it. Also, backup your template before applying modifications or hacks.

Moving the authorname to the top

This modification moves the authorname to the top of the post, just below the post title.

Edit the template in HTML-mode, and expand all widget templates. Search for the following line of code:

<b:includable id='post' var='post'>

Scroll down and find the DIV with class='post-header-line-1', and change the code from:

<div class='post-header-line-1'/>

to:

<div class='post-header-line-1'>
</div>

Scroll down some more and find the following piece of code:

<span class='post-author'>
   <b:if cond='data:top.showAuthor'>
      <data:top.authorLabel/> <data:post.author/>
   </b:if>
</span>

Cut this code from the template.

Scroll back to the post header line 1 and paste the code between the DIV-tags:

<div class='post-header-line-1'>
   <span class='post-author'>
      <b:if cond='data:top.showAuthor'>
         <data:top.authorLabel/> <data:post.author/>
      </b:if>
   </span> 
</div>

Save the template.

Moving author & timestamp to the top

This modification moves the authorname and the timestamp to the top of the post, just below the post title.

Edit the template in HTML-mode, and expand all widget templates. Search for the following line of code:

<b:includable id='post' var='post'>

Scroll down and find the DIV with class='post-header-line-1', and change the code from:

<div class='post-header-line-1'/>

to:

<div class='post-header-line-1'>
</div>

Scroll down some more and find the following piece of code:

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

Cut this code from the template.

Scroll back to the post header line 1 and paste the code between the DIV-tags:

<div class='post-header-line-1'>
   <span class='post-author'>
      <b:if cond='data:top.showAuthor'>
         <data:top.authorLabel/> <data:post.author/>
      </b:if>
   </span> 
   <span class='post-timestamp'>
      <b:if cond='data:top.showTimestamp'>
         <data:top.timestampLabel/>
         <b:if cond='data:post.url'>
            <a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
         </b:if>
      </b:if>
   </span> 
</div>

Note: check that there is a space between the closing </span>-tag and the opening <span>-tag, to separate the author name from the timstamp label.

Save the template.

Moving post labels to the top

This modification moves the post labels to the top of the post, to a second post header line. We assume that the author name and timestamp are in the first post header line, just below the post title.

Edit the template in HTML-mode, and expand all widget templates. Search for the following line of code:

<b:includable id='post' var='post'>

Scroll down and find the DIV with class='post-header-line-1'. Below this DIV, add a new DIV with the following code:

<div class='post-header-line-2'>
</div>

Scroll down some more and find the following piece of code:

<span class='post-labels'>
   <b:if cond='data:post.labels'>
      <data:postLabelsLabel/>
      <b:loop values='data:post.labels' var='label'>
         <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop>
   </b:if>
</span>

Cut this code from the template.

Scroll back to the post header line 2 and paste the code between the DIV-tags:

<div class='post-header-line-2'>
<span class='post-labels'>
   <b:if cond='data:post.labels'>
      <data:postLabelsLabel/>
      <b:loop values='data:post.labels' var='label'>
         <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop>
   </b:if>
</span>
</div>

Go to the top of the template, to the <b:skin>-section, and add the CSS-styling for class post-header-line-2.

Save the template.