I finally got the BlogPostTemplate working, but only after a long time trouble-shooting problems.
The code in the tutorial, only worked with calls to MODx tags as;
<h2 class="title"><a href="[[~[[+id]]]]">[[+pagetitle]]</a></h2>
but nowhere else. I was getting blank post pages. For grins I changed the + to * in all the calls;
<h2 class="title">[[*pagetitle]]</h2>
and BINGO! Everything now worked! I don’t understand why, it just works. So I have 2 chunks, one called "blogPost" as shown in the tutorial that only displays the introtext, and one I call "blogPostFull" called only by new comment pages via BlogPostTemplate that shows the entire post.
This is how my customized post now displays when called by the blog home page via "Read more" and by clicking on "New Posts" in the sidebar ;
<!-- blogPostFull; 18 APR 2011 -->
<div class="dateBox">
<div class="smallCalendar">
<div class="dateMonth">[[*publishedon:strtotime:date=`%b`]]</div>
<div class="dateDay">[[*publishedon:strtotime:date=`%d`]]</div>
<div class="dateYear">[[*publishedon:strtotime:date=`%Y`]]</div>
</div>
</div>
<h2 class="title">[[*pagetitle]]</h2>
<div class="post-body">
[[*content]]
</div>
<div class="post-footer">
<p class="postmeta">
<a href="[[~[[*id]]]]#comments" class="comments">
Comments ([[!QuipCount? &thread=`blog-post-[[*id]]`]])</a>|
Tags: [[*tags:notempty=`[[!tolinks? &items=`[[*tags]]` &key=`tag` &target=`2`]]`]]
</p>
</div> <!-- end of post-footer -->