One for the bookmark soicopaths

From Beyrouth to Teheran

Here is another (test) blog with the categories script version one.

From Beyrouth to Teheran

I was trying to list all posts on the front page of the blog and sqeeze all content in the page. Then I got more and more trouble with the blog atom, even feedburner started complaining about how huge it was. Blogger does have a setting for something called a short+feed but that still contains all the postings on the frontpage.

I was also getting bored with how slow my blog had become. This isn't something I can advice people to use? So I've revamped the blog category script to be much much much smaller and still work perfectly. I know it sounds to good to be true. :-)

Almost as fantastic a discovery is how the expandable post hackery can hide flash or even java! You can see a google+video on the previous post, I had an expandable irc client on the mainpage but it wasn't worth it (with 1 visitor per day). Still they are extra features ON the page wich didn't get loaded into it. You can put over a 100 videos in one post withouth any loading problems.

loading problems.

Each post a webservice
under contruction
Display related blogger posts under the post
design research and development
Uber - tag - cloudish - total - assimialtion
technorati compost
The author's gone mad, long live the author

Uber - tag - cloudish - total - assimialtion

The point of this posting is to see if (and show that) the script in the footer can handle this number of keywords. Just click postmorph (under this post) then pick technorati, google, blogsearch or something else and see what happens. :-)

Microsoft+Corporation+World+Wide+Web+Consortium Hypertext+Transfer+Protocol+Overview Lycos AltaVista Wired+News CNN.com Breaking+News US World Weather Entertainment Video Netscape.com Yahoo! MSNBC Rhapsody RealPlayer Real.com Mozilla.org the+Mozilla+Project My+Excite Macromedia The+Library+of+Congress HowStuffWorks Learn+how+Everything+Works! HP Computers Laptops Servers Printers MapQuest.Com Maps Directions The+Apache+Software+Foundation Encyclopædia+Britannica Microsoft+Windows+Update HotBot Continue Ask.com Centers+for+Disease+Control+and+Prevention Google Tucows Downloads Download Freeware Shareware Software Adobe PHP Hypertext+Preprocessor Intel the+White+House Europa The+European+Union+On-Line IBM The+Internet+Movie+Database Apple Apple+QuickTime Amazon.com Online+Shopping Electronics Apparel Computers Barnes+Noble.com Gateway United+States+Patent+and+Trademark+Office NASA Dogpile Web+Search Northern+Light weather.com local+weather forecasts radar WTO Cisco+Systems Slashdot News+for+nerds stuff+that+matters Java+Technology AlltheWeb.com American+Cancer+Society+Homepage Amnesty+International Human+Rights Worldwide The+New+York+Times Breaking+News World+News Multimedia AOL.com washingtonpost.com world+technology World+business finance political+news Financial GO.com Reviews free+downloads Download.com MySQL open+source Scientific+American+Magazine science+news science the+UN It's+your+world. US+Environmental Protection Agency WHO World+Health+Organization Linux Linux+Online Opera+Web+Browser WebCrawler USATODAY.com WINAMP.COM Media+Player Skins Plug-ins Videos Lonely+Planet guidebooks travel Red+Hat MetaCrawler Food+and+Drug+Administration Internet+Archive Science/AAAS Scientific+research career+information WinZip Zip+File+Utility Windows Zip Unzip Encrypt OpenOffice.org The+World+Bank ODP Open+Directory+Project BBC+NEWS Google+Groups About.com Sun+Microsystems Boing+Boing Directory Wonderful+Things American+Red+Cross Preparing+Communities Emergency TIME+Magazine News+Magazine Current+Events National+Geographic photography Symantec+Corp. Census+Bureau Search+Engine+Watch Tips+Internet Search+Engines Federal+Bureau+of+Investigation US+Senate Monster+Jobs Get+work Network Build+a+better+career New+Scientist International+News Ideas+Innovation SourceForge.net Dictionary.com Economist.com Merriam-Webster+Online ISO International+Organization+for+Standardization Reuters.com United+States+House+of+Representatives GIMP GNU Image+Manipulation+Program THOMAS Library+of+Congress

technorati compost

Most of the millions of blogs on technorati have no tags. It makes horrible CEO to link to one service like a madman. It's not going to do anything good for your search engine rank. Search bots don't really llike pages with more as 40 links that much.

But the index can be nice for a human, appart from a lot of crap you can find related articles and people linking to your blog wich is nice. So I think it's a much better habbit to write out technorati links with javascript. They are all the same anyway, only the tag in unique.

We can still get into the index if we have a link with the desired tag name in the anchor and the rel="tag" link relation. like this

<a href="?google" rel="tag">Google>/a>

But, how should the js write out the techonrati links? They can go under the post where we expect them but if we use the feed we could pull in the results for the current posting. This will limit it's use to the item page, we cant pull in 3 or 4 feeds per post on the frontpage. We don't really need that manny links anyway.

Still a lot left to investigate, I should check out what others made for this service as I'm not a frequent user. Several other services like Delicious can probably be made to do somthing a-like it. It's not easy to find all the methods at all. Creating one is probably less work but then we would risk using an inferior implementation. :-)

The author's gone mad, long live the author

I was thinking maybe I've made it all much to cool? I should bring it down a bit, say "a more realistic level". So I plan to add nice advert popups to the category links. For example with the first 5 clicks. For IE users I could make a nice DHAHATML floater then render some alphatransparant png replacements in firefox and Opera. I say "As long as it floats it's cool!

Then there are those comment links? Some people don't even leave a link but even if they do chances are the profile isn't even up jet. They arn't good for anything? So why waist anyones time as we can make big money? It should obviously be replaced by a nice clickbank link. Then the readers can think nasty things about eachother as they click eachothers links! Awesome set-up I would think? OH, he posted a porn link! I could even stage it and invent people! This wil be so cool!

I could make the script rewrite the links for selected commenteers then save their original link in their cookie so that visitors always have their own "correct" link to click.

If only we could do a members only area so that we can grasp and sell their emails. Blogger doesn't allow page forwarding either. booo hooo hahaha

There must be one company with adverts that are nice to see? I want bunnies pandas and ponies! Lets ask google? I will probably end up making it myself again, I hope it doesn't become a succes again, I hate it when that happens.

Asking google anyway, yes, good point.....

...this is funny? (made me laugh)

http://www.google.nl/search?q=nice+adverts

New lay out

I didn't do much with the literal looks of this blog. I thought it was time to change it into something more modern looking. As a website the Blogger blog is not that advanced, as I'm looking to create a real website it leaves much to be desired.

On the left you have the categories, now done with nice buttons :) At the top of the main content area you find my 5 most recent postings. In the box next to it you see Google's Blogger's Blogsearches for the name of this blog sorted by relivance. And my feed burn in the right sidebar.

I'm still working at the login form.....

*update*

I've changed it back to what it was. :)

Easy categories for the blogger blog

I think this is the best way to show you how to add categrories to your blogger weblog. Just add the parts in RED I've added to the minima template.here>
Then read the instructions for the categories template.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title><$BlogPageTitle$></title>
<$BlogMetaData$>
<link rel="shortcut icon" href="http://img.photobucket.com/albums/v338/Enkhuizen/splas.jpg" type="image/x-icon" />
<style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Minima
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004
-----------------------------------------------
Blogger Categories Script
Name:     CatMinima
Designer: Gaby de Wilde
URL:      www.categories.blogspot.com
Date:     19 Apr 2006
----------------------------------------------- */
body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}
a:link {
color:#58a;
text-decoration:none;
}
a:visited {
color:#969;
text-decoration:none;
}
a:hover {
color:#c60;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header
----------------------------------------------- */
@media all {
#header {
    width:660px;
    margin:0 auto 10px;
    border:1px solid #ccc;
    }
}
@media handheld {
#header {
    width:90%;
    }
}
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #eee;
border-width:1px 1px 0;
font-size:200%;
line-height:1.2em;
font-weight:normal;
color:#666;
text-transform:uppercase;
letter-spacing:.2em;
}
#blog-title a {
color:#666;
text-decoration:none;
}
#blog-title a:hover {
color:#c60;
}
#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid #eee;
border-width:0 1px 1px;
max-width:700px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}
/* Content
----------------------------------------------- */
@media all {
#content {
    width:660px;
    margin:0 auto;
    padding:0;
    text-align:left;
    }
#main {
    width:410px;
    float:left;
    }
#sidebar {
    width:220px;
    float:right;
    }
}
@media handheld {
#content {
    width:90%;
    }
#main {
    width:100%;
    float:none;
    }
#sidebar {
    width:100%;
    float:none;
    }
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}
/* Posts
----------------------------------------------- */
@media all {
.date-header {
    margin:1.5em 0 .5em;
    }
.post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
}
@media handheld {
.date-header {
    padding:0 1.5em 0 1.5em;
    }
.post {
    padding:0 1.5em 0 1.5em;
    }
}
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:#c60;
}
.post-title a, .post-title a:visited, .post-title strong {
display:block;
text-decoration:none;
color:#c60;
font-weight:normal;
}
.post-title strong, .post-title a:hover {
color:#333;
}
.post div {
margin:0 0 .75em;
line-height:1.6em;
}
p.post-footer {
margin:-.25em 0 0;
color:#ccc;
}
.post-footer em, .comment-link {
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.post-footer em {
font-style:normal;
color:#999;
margin-right:.6em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #ddd;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}
#comments h4 strong {
font-size:130%;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block dt {
margin:.5em 0;
}
#comments-block dd {
margin:.25em 0 0;
}
#comments-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted #ccc;
list-style:none;
}
#sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
#sidebar p {
color:#666;
line-height:1.5em;
}
/* Profile
----------------------------------------------- */
#profile-container {
margin:0 0 1.5em;
border-bottom:1px dotted #ccc;
padding-bottom:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid #ddd;
margin:0 8px 3px 0;
}
.profile-data {
margin:0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
.profile-link {
margin:0;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
}
#footer hr {
display:none;
}
#footer p {
margin:0;
padding-top:15px;
font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.commenthidden {display:none} .commentshown {display:inline} .nocomment0 {display:none}
</style>
<script type="text/javascript">
<MainOrArchivePage>
function tag (label) {
if (label.slice(0,1)=="?"){ label = label.slice(1) }
<Blogger>var wp = document.getElementById("toppost<$BlogItemNumber$>");<BlogItemTitle>
if (label=="<$BlogItemURL$>" ) { wp.className="commentshown"; } else { </BlogItemTitle> wp.className="commenthidden"; <BlogItemTitle> }</BlogItemTitle>
</Blogger>
}
</MainOrArchivePage>
function togglecomments (postid) {
var wp = document.getElementById(postid);
if (wp.className=="commentshown") { wp.className="commenthidden"; } else { wp.className="commentshown"; }
}
</script>
</head>
<body>
<div id="header">
<h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
   <$BlogTitle$>
   <ItemPage></a></ItemPage>
</h1>
<p id="description"><$BlogDescription$></p>
</div>

<div id="content">

<script type="text/javascript"> var txta=location.search; var txtb=txta.substring(1); if (txtb!="") { document.write("<a href=\"<$BlogURL$>\">home</a> » <a href=\"<$BlogURL$>\?"+txtb+"\">"+txtb+"</a>");}</script></MainOrArchivePage>
<ArchivePage><a href="<$BlogURL$>">home</a> / <a href="#">Archive</a></ArchivePage>
<ItemPage><a href="<$BlogURL$>" title="<$BlogTitle$>">home</a> » <Blogger><a href="<$BlogURL$>/<$BlogItemArchiveFileName$>">Archive</a> » <a href="<$BlogURL$>?<$BlogItemURL$>"><$BlogItemURL$></a></Blogger></ItemPage>

<div id="main"><div id="main2">
<Blogger>
<div class="<BlogItemTitle>display</BlogItemTitle>commenthidden" id="toppost<$BlogItemNumber$>">
    <BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>



<div class="post"><a name="<$BlogItemNumber$>"></a>
         <BlogItemTitle>
    <h3 class="post-title">
   <a href="<$BlogItemPermalinkUrl$>" title="Permalink link">
   <$BlogItemTitle$>
   </a>
    </h3>
    </BlogItemTitle>
             <div class="post-body">
   <div>
      <$BlogItemBody$>
    </div>
    </div>

    <p class="post-footer">
      <em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <MainOrArchivePage><BlogItemCommentsEnabled>
         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$>
    </p>

</div>



<ItemPage>
<div id="comments">
   <BlogItemCommentsEnabled><a name="comments"></a>
        <h4><$BlogItemCommentCount$> Comments:</h4>
        <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">
        <p><$BlogCommentBody$></p>
      </dd>
      <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
      <$BlogCommentDeleteIcon$>
      </dd>
      </BlogItemComments>
    </dl>
       <p class="comment-timestamp">
    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>
    <BlogItemBacklinksEnabled>
    <a name="links"></a><h4>Links to this post:</h4>
    <dl id="comments-block">
    <BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </BlogItemBacklinks>
    </dl>
    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    </BlogItemBacklinksEnabled>
       <p class="comment-timestamp">
   <a href="<$BlogURL$>"><< Home</a>
    </p>
    </div>
</ItemPage>

</div>
</Blogger>
<MainPage>
<script type="text/javascript">
var txta=location.search;
var txtb=txta.substring(1);
if (txtb!="") {tag(txtb);}
</script>
</MainPage>
</div></div>


<div id="sidebar"><div id="sidebar2">
<MainOrArchivePage>
        

<script type="text/javascript">
<Blogger><BlogItemTitle><BlogItemURL>
var <$BlogItemURL$>=0;
var num<$BlogItemURL$>=0;
var <$BlogItemURL$>link="";
</BlogItemURL></BlogItemTitle></Blogger>

<Blogger><BlogItemTitle><BlogItemURL><$BlogItemURL$>+=1
</BlogItemURL></BlogItemTitle></Blogger>
</script>
<h2 class="sidebar-title">Categories</h2>
    <ul id="recently">
        <Blogger><BlogItemTitle><div class="commenthidden" id="link<$BlogItemNumber$>"><li><a onclick="tag('<$BlogItemURL$>');return false;" href="<$BlogURL$>?<$BlogItemURL$>"><$BlogItemURL$></a> <script type="text/javascript"> document.write("("+<$BlogItemURL$>+")") </script><span id="linksfor<$BlogItemNumber$>"></span> </li></div></BlogItemTitle></Blogger>
    </ul>
<ArchivePage><Blogger><BlogItemTitle><BlogItemURL><span id="posttitle<$BlogItemNumber$>"><li><a href="<$BlogItemPermalinkUrl$>"><$BlogItemTitle$></a></li></span></BlogItemURL></BlogItemURL></Blogger></ArchivePage>

<script type="text/javascript">
<ArchivePage>
<Blogger><BlogItemTitle><BlogItemURL>
var thetitle=document.getElementById("posttitle<$BlogItemNumber$>").innerHTML;
document.getElementById("posttitle<$BlogItemNumber$>").innerHTML=""
var <$BlogItemURL$>link=<$BlogItemURL$>link+thetitle;
</BlogItemURL></BlogItemTitle></Blogger>
</ArchivePage>

<Blogger><BlogItemTitle><BlogItemURL>
if (num<$BlogItemURL$>!=1)
{ togglecomments('link<$BlogItemNumber$>'); var num<$BlogItemURL$>=1;
<ArchivePage>document.getElementById("linksfor<$BlogItemNumber$>").innerHTML=<$BlogItemURL$>link;</ArchivePage>
}
</BlogItemURL></BlogItemTitle></Blogger>
</script>

        
</MainOrArchivePage>
<h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
</ul>

<MainOrArchivePage>
<h2 class="sidebar-title">Archives</h2>
    <ul class="archive-list">
       <BloggerArchives>
       <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
      </BloggerArchives>
</ul>
</MainOrArchivePage>
<MainOrArchivePage>
<h2 class="sidebar-title">Links</h2>
    <ul>
       <li><a href="http://categories.blogspot.com">Categories for blogger</a></li>
       <li><a href="http://categories.blogspot.com">The Categories blog</a></li>
       <li><a href="http://categories.blogspot.com">Sort the blog</a></li>
</ul>
</MainOrArchivePage>
<h2 class="sidebar-title">Profile</h2>
    <ul>
       <li><a href="<$BlogOwnerProfileUrl$>"><$BlogOwnerNickname$></a></li>
</ul>

      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>



</div></div>

</div>


<div id="footer"><hr />
<p> </p>
</div>

</body>
</html>

blogger comment box part2

I use this blogger reply box under each of my blog posts, I didn't like it much as it's a whole lot of extra HTML for each posting. It could be bigger as the post? So I've written a javascript script that puts the duplicate content under every posting as the page loads. This way the document doesn't get much bigger allowing more posts on the front page. >>

All you do is add this to the head of your template just above the <style type="text/css"> tag.

<script type="text/Javascript">
function commentform(blogitemnumber){
document.write("<form TARGET=\"_blank\" action=\"http://www.blogger.com/login-comment.do\" onsubmit=\"isSubmit=true;\" method=\"post\"><input type=\"hidden\" name=\"blogID\" value=\"<$Blogid$>\"><input type=\"hidden\" name=\"postID\" value=\""+blogitemnumber+"\"><label class=\"cbody\" for=\"comment-body\"></label><h2 id=\"html-usage-msg\" class=\"sidebar-title\"> Tags: <b style=\"white-space:nowrap;\"> <b>, <i>, <a><b> and <b style=\"white-space:nowrap;\">[img]</b></h2><center><textarea ONFOCUS=\"clearDefault(this)\" name=\"postBody\" tabindex=\"1\" class=\"comment\" rows=\"6\" cols=\"41\" id=\"comment-body\"></textarea></center><table><td><input type=\"radio\" name=\"iden\" value=\"Blogger\" checked id=\"iden-bname\"><label id=\"iden-bname-label\" for=\"iden-bname\"> use blogger id</label><br><input type=\"radio\" name=\"iden\" value=\"Other\" id=\"iden-other\"><label id=\"iden-other-label\" for=\"iden-other\">Use other name</label></td><td><table cellpadding=\"0\" cellspacing=\"0\" id=\"nonbloggeruser\"><td><label for=\"uname\"></label><input type=\"text\" name=\"anonName\" value=\"Name\" ONFOCUS=\"clearDefault(this)\" maxlength=\"100\" id=\"uname\" class=\"text\"></td></tr><tr><td><label for=\"url\"></label><input type=\"text\" name=\"anonURL\" value=\"your web page\" ONFOCUS=\"clearDefault(this)\" maxlength=\"100\" id=\"url\" class=\"text\"></td></tr></table></div></td><td><p class=\"buttons\"><input style=\"margin-right:.3em\" name=\"post\" value=\"Publish\" class=\"publish\" onclick=\"isSubmit=true;\" type=\"submit\" id=\"FinalPublish\" tabindex=\"5\"></p></form></td></table>")
}
</script>

Then put this inside the <Blogger> tags right under the blogitembody.

<BlogItemCommentsEnabled>
<script type="text/Javascript">
commentform('<$BlogItemNumber$>')
</script>
</BlogItemCommentsEnabled>

Personally I like to write my reply right under a post, write down what I think and write it down now that I'm thinking it. I cant handle loading a whole different page that is looking dramatically different and, I just cant be expected to handle waiting 3 min for a page with a comment box on it. Still more importantly, I need to be able to see the actual post content that I'm replying to specially after waiting . Viewing the post in a whole new lay out on the blogger comment page isn't acceptable. It will bend my comment off topic. Then having the form on the blog 80 times wasn't much good either. I think this script makes a good speedup.