Been meaning to do this for some time. The templates and help provided by Blogger seem a bit too cluttered to me. So trying to make this as simple and elegant as possible:
<!-- BLOGGER POST ARRAY -->
<div id="blogger_post_array">
<Blogger>
<!-- BLOGGER ITEM TEMPLATE -->
<div class="blogger_item">
<!-- date header -->
<BlogDateHeader>
<div class="date_header"><$BlogDateHeaderDate$></div>
</BlogDateHeader>
<!-- end date header -->
<!-- ITEM title -->
<a name="<$BlogItemNumber$>"> </a>
<BlogItemTitle><div class="item_title">
<BlogItemURL><a href="<$BlogItemURL$>"></BlogItemURL><$BlogItemTitle$></a>
</div></BlogItemTitle>
<!-- end ITEM title -->
<!-- ITEM body -->
<div class="item_body">
<$BlogItemBody$>
</div>
<!-- end ITEM body -->
<!-- ITEM footer -->
<div class="item_footer">
» <a href="<$BlogItemPermalinkURL$>" title="permanent link"><$BlogItemDateTime$></a>
<MainOrArchivePage><BlogItemCommentsEnabled>
<a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</a>
</BlogItemCommentsEnabled></MainOrArchivePage>
</div>
<!-- end ITEM footer -->
</div>
<!-- end BLOGGER ITEM TEMPLATE -->
<!-- ITEM PAGE BLOCK (displayed only on post's item page) -->
<div id="item_page_block">
<ItemPage>
<!-- ITEM COMMENT ARRAY -->
<div class="item_comment_array">
<BlogItemCommentsEnabled>
<a name="comments"></a>
<h4>Comments:</h4>
<!-- ITEM COMMENT -->
<BlogItemComments>
<div class="item_comment">
<a name="<$BlogCommentNumber$>"></a>
<!-- item comment body -->
<div class="item_comment_body">
<$BlogCommentBody$>
</div>
<!-- end item comment body -->
<!-- item comment footer -->
<div class="item_comment_footer">
<a href="<$BlogCommentPermalinkURL$>" title="comment permanent link">·</a>
posted by <$BlogCommentAuthor$> : <$BlogCommentDateTime$> <$BlogCommentDeleteIcon$>
</div>
<!-- end item comment footer -->
</div>
</BlogItemComments>
<!-- end ITEM COMMENT -->
<!-- javascript token? -->
<$BlogItemCreate$>
</BlogItemCommentsEnabled>
</div>
<!-- end ITEM COMMENT ARRAY -->
<!-- ITEM BACKLINK BLOCK -->
<BlogItemBacklinksEnabled>
<a name="links"></a>
<h4>links to this post:</h4>
<!-- ITEM BACKLINK ARRAY -->
<div id="item_backlink_array">
<BlogItemBacklinks>
<!-- backlink title -->
<div class="backlink_title">
<$BlogBacklinkControl$> <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
</div>
<!-- backlink title -->
<!-- backlink snippet -->
<div class="backlink_snippet">
<$BlogBacklinkSnippet$>
</div>
<!-- end backlink snippet -->
<!-- backlink footer -->
<div class="backlink_footer">
posted by <$BlogBacklinkAuthor$> at <$BlogBacklinkDateTime$>
</div>
<!-- end backlink footer -->
</BlogItemBacklinks>
</div>
<!-- end ITEM BACKLINK ARRAY -->
<!-- backlink timestamp -->
<div class="backlink_timestamp">
<$BlogItemBacklinkCreate$>
</div>
<!-- end backlink timestamp -->
</BlogItemBacklinksEnabled>
<!-- end ITEM BACKLINK ARRAY -->
<!-- ITEM PAGE HOME LINK -->
<a href="<$BlogURL$>">« home</a>
<!-- end ITEM PAGE HOME LINK -->
</div>
</ItemPage>
<!-- end ITEM PAGE BLOCK -->
</Blogger>
</div>
<!-- end BLOGGER POST ARRAY -->
Will add stylesheet later when I have time.
For more info, see
Blogger Help: Template Walkthrough