lime icon

Phosphorus and Lime

A Developer's Broadsheet

This blog has been deprecated. Please visit my new blog at klenwell.com/press.
HTML: Anatomy of a Blogger Post Array
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">

&raquo; <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">&middot;</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$>">&laquo; 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