profile
Name: klenwell
Home: San Diego, California, United States
About Me: designer, programmer, wordsmith
view complete profile
blogger item container
my revision of the Blogger post array -- css-delineated and commented
<!-- BLOGGER ITEM CONTAINER -->
<div id="blogger_item_container">
<Blogger>
<!-- BLOGGER ITEM BLOCK -->
<div class="blogger_item_block">
<!-- 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 CONTAINER -->
<div class="item_comment_container">
<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 CONTAINER -->
<!-- ITEM BACKLINK BLOCK -->
<BlogItemBacklinksEnabled>
<a name="links"></a>
<h4>links to this post:</h4>
<!-- ITEM BACKLINK CONTAINER -->
<div id="item_backlink_container">
<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 CONTAINER -->
<!-- backlink timestamp -->
<div class="backlink_timestamp">
<$BlogItemBacklinkCreate$>
</div>
<!-- end backlink timestamp -->
</BlogItemBacklinksEnabled>
<!-- end ITEM BACKLINK BLOCK -->
<!-- ITEM PAGE HOME LINK -->
<div id="item_return_home_link">
<a href="<$BlogURL$>">« home</a>
</div>
<!-- end ITEM PAGE HOME LINK -->
</ItemPage>
</div>
<!-- end ITEM PAGE BLOCK -->
</div>
<!-- end BLOGGER ITEM BLOCK -->
</Blogger>
</div>
<!-- end BLOGGER ITEM CONTAINER -->
keywords: blogger, post array, item container, template
mission statement
I've created this blog in order to better dissect Blogger page templates -- in particular, what they refer to as the "item container" -- and to try and illustrate the simplest and most elegant way to design or redesign a layout using the Blogger template tags and an internal style sheet.