Before we proceed, I suggest you make a backup copy of your template using the feature provided by blogger or by copying the entire (enable expand widget template check-box) XML code into a text file and saving it at a secure location. Incase some thing goes wrong just copy-paste that code into the HTML section and save it.
To work with this tutorial, in a separate text file, copy your blog's template code (enable expand widget template check-box) then look for the following text in the file:
<p class='post-footer-line post-footer-line-1'>
As the tag “suggests”, it contains the links or elements, that will be displayed in the first line of your post footer. In my case it is the author name, time stamp, comments etc till the topic(label) name. This is how the code for first line of post footer in my template looks:
<p class='post-footer-line post-footer-line-1'> <span class='post-author'>
[Author and time stamp code]
</span> <span class='post-comment-link'>
</span> <span class='post-icons'>
<!-- email post links -->
<!-- quickedit pencil -->
</span> <span class='post-labels'>
[ label code ]
Note that each element like the comments or the e-mail post icon is within the <span> </span> tag. The </p> tag at the end marks the end of that line. The code for starting a new line in the post footer will be:
<p class='post-footer-line post-footer-line-2'>
I have not used the “span” tags and made use of the good old “center” tag to format my post footer’s second and third lines. Trial and error will show you what suits best. So go ahead and add your code to your post footers and feel free to leave a comment or e-mail me in case of any problems.