Thursday, March 20, 2008

Blogger how to - moving author and timestamp to the top

This modification moves the authorname and the timestamp to the top of the post, just before 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 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>
Or something like that. Just be carefull to copy all the content between
<span class='post-author'>
and its closing tag
</span>

Cut this code from the template.
Scroll back to the
<b:includable id='post' var='post'> 
and paste the code just after this line.

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.

0 comments: