profile

Name: klenwell

Home: San Diego, California, United States

About Me: designer, programmer, wordsmith

Sunday, March 05, 2006
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">
&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 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">&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 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$>">&laquo; 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
Friday, March 03, 2006
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.