7dollarsmagic adsense alternative
I think 7dollarsmagic is a good adsense alternative. You can past this link into your adsense dashboard, just change the referal number into yours and the banner appears in stead of the single color or the PSA when adsense doesn't have adds for your page.
Recreational re-creation
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
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
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. :-)
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
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
More random outbound linkage?
What I would love to do more as anything is combine my script with a few other services that now have to compete for the Bloggers attention offering much different categories implementations.>>
Because I always try to blame myself for things first it made me very angry.(haha) I've jumped to the conclusion that the lack of objective comparison while implementing one of the many solutions to categorize (or chapter) the blog can only have one cause. There are to many, we only need one fix and all of them work. I'm not in the business of making noise I make tools. :-) So, lets make things better.
There are various fishy factors one has to mind while doing a script that drastically changes the order of content.
I have chosen to display the blogs most recent few 100 posts on the front page. This means loading the initial page may be a bit slower as it can be, after loading it the visitor can start reading and browsing, clicking 1 time and loading zero additional pages, then they can start typing their comment after click 2, again there is no server request. Posting the comment also happens in one click. The blog is not closed.
This is how huge posts can exist:
A) Posts without a title are not loaded into the front page.
B) Posts with comments and backlinks disabled have no footer but a readmore link.
A+B) We post one without a title first then we post one without comments.
Clicking the read more link will show a post page with both the posts. One without footer and one without title under it as-if it's just one.
There are no links to the post without title but it still has it's own page.
First I thought it was a nasty bug to see this chunk show up in the blog search. Now I know it allows chunks of posts to be indexed separately, Google and blogsearch clearly show it's no ordinarily post. Maybe I can get it to indent the second part under the first some day. :-)
But now I have more as enough time left for a server request? Should be be delicious blogsearch, google, freshtags, or technorati? or even myweb?
hehehe, I could even tag my posts with the interests on the blogger profiles.
This post is filed under: The Hitchhiker's Guide to the Galaxy
Because I always try to blame myself for things first it made me very angry.(haha) I've jumped to the conclusion that the lack of objective comparison while implementing one of the many solutions to categorize (or chapter) the blog can only have one cause. There are to many, we only need one fix and all of them work. I'm not in the business of making noise I make tools. :-) So, lets make things better.
There are various fishy factors one has to mind while doing a script that drastically changes the order of content.
I have chosen to display the blogs most recent few 100 posts on the front page. This means loading the initial page may be a bit slower as it can be, after loading it the visitor can start reading and browsing, clicking 1 time and loading zero additional pages, then they can start typing their comment after click 2, again there is no server request. Posting the comment also happens in one click. The blog is not closed.
This is how huge posts can exist:
A) Posts without a title are not loaded into the front page.
B) Posts with comments and backlinks disabled have no footer but a readmore link.
A+B) We post one without a title first then we post one without comments.
Clicking the read more link will show a post page with both the posts. One without footer and one without title under it as-if it's just one.
There are no links to the post without title but it still has it's own page.
First I thought it was a nasty bug to see this chunk show up in the blog search. Now I know it allows chunks of posts to be indexed separately, Google and blogsearch clearly show it's no ordinarily post. Maybe I can get it to indent the second part under the first some day. :-)
But now I have more as enough time left for a server request? Should be be delicious blogsearch, google, freshtags, or technorati? or even myweb?
hehehe, I could even tag my posts with the interests on the blogger profiles.
This post is filed under: The Hitchhiker's Guide to the Galaxy
New lay out
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>
<!-- Begin #content -->
<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>
<!-- Begin #main -->
<div id="main"><div id="main2">
<Blogger>
<div class="<BlogItemTitle>display</BlogItemTitle>commenthidden" id="toppost<$BlogItemNumber$>">
<BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
<!-- Begin .post -->
<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>
<!-- End .post -->
<!-- Begin #comments -->
<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>
<!-- End #comments -->
</div>
</Blogger>
<MainPage>
<script type="text/javascript">
var txta=location.search;
var txtb=txta.substring(1);
if (txtb!="") {tag(txtb);}
</script>
</MainPage>
</div></div>
<!-- End #main -->
<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
<MainOrArchivePage>
<!-- Begin #categories by update -->
<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>
<!-- End #categories by update -->
</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>
<!--
<p>This is a paragraph of text that could go in the sidebar.</p>
-->
</div></div>
<!-- End #sidebar -->
</div>
<!-- End #content -->
<!-- Begin #footer -->
<div id="footer"><hr />
<p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. --> </p>
</div>
<!-- End #footer -->
</body>
</html>
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>
<!-- Begin #content -->
<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>
<!-- Begin #main -->
<div id="main"><div id="main2">
<Blogger>
<div class="<BlogItemTitle>display</BlogItemTitle>commenthidden" id="toppost<$BlogItemNumber$>">
<BlogDateHeader>
<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>
<!-- Begin .post -->
<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>
<!-- End .post -->
<!-- Begin #comments -->
<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>
<!-- End #comments -->
</div>
</Blogger>
<MainPage>
<script type="text/javascript">
var txta=location.search;
var txtb=txta.substring(1);
if (txtb!="") {tag(txtb);}
</script>
</MainPage>
</div></div>
<!-- End #main -->
<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
<MainOrArchivePage>
<!-- Begin #categories by update -->
<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>
<!-- End #categories by update -->
</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>
<!--
<p>This is a paragraph of text that could go in the sidebar.</p>
-->
</div></div>
<!-- End #sidebar -->
</div>
<!-- End #content -->
<!-- Begin #footer -->
<div id="footer"><hr />
<p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. --> </p>
</div>
<!-- End #footer -->
</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.
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.
One for the bookmark soicopaths
<a href="http://www.blinklist.com/index.php?Action=Blink/addblink.php&Url=<$BlogItemPermalinkURL$>&Title=<$BlogItemTitle$>" >BlinkList</a>
<a href="http://del.icio.us/post?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" >del.icio.us</a>
<a href="http://digg.com/submit?phase=2&url=<$BlogItemPermalinkURL$>" >Digg it</a>
<a href="http://www.furl.net/storeIt.jsp?t=<$BlogItemTitle$>&u=<$BlogItemPermalinkURL$> ">Furl</a>
<a href="http://ma.gnolia.com/bookmarklet/add?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" >ma.gnolia</a>
<a href="http://www.rawsugar.com/pages/tagger.faces?turl=<$BlogItemPermalinkURL$>&tttl=<$BlogItemTitle$>" >RawSugar</a>
<a href="http://www.shadows.com/features/tcr.htm?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" >Shadows</a>
<a href="http://simpy.com/simpy/LinkAdd.do?note=<$BlogItemTitle$>&href=<$BlogItemPermalinkURL$>" >Simpy</a>
<a href="http://www.spurl.net/spurl.php?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" >Spurl</a>
<a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?t=<$BlogItemTitle$>&u=<$BlogItemPermalinkURL$>">Yahoo MyWeb</a>
note: If you have a blog, a blogthis+bookmarklet and a good rss reader(Opera, sage or rssowl) you don't need this kind of services. Adding the links to your template may suggest it's a good idea to use the services. Thats why I didn't add them in the first place. It also means you should test the buttons frequently. I figure checking if your feeds still work is enough work already. Lets not make it any worse?