Machine search vs human interface

Human-computer interaction is the study of interaction between users and computers, relating computer science with other fields of study and research. Interaction between users and computers occurs at the user interface, it's the way we press buttons in response to the machine.

robo-cruft

I don't like how huge "webservices" like technorati suck up content. Stuffing a page full of nonsense links is a bad habit. The links point at a pages full of robo-cruft, it doesn't deserve any credit. Isn't there some human you can link to? A real website made with blood sweat and tears?

I can go straight to a blog and grab the feed. What more could I need? The only thing the tags do is suck up your page rank.

Humans posting a comment get a rel="nofollow", that's the least credit one could get, then backlinks get no credit at all. The "post a comment" link becomes almost invisible from the page clutter. I cant imagine using a bookmark service without a bookmarklet? A single post should be enough to describe one.

It's your traffic, you can promote what you like of course. I just wanted to mention how un-cool it is to pump up websites that offer next to nothing. Each link is a vote. Don't vote for robo-cruft 10 times per post. Vote for human-made content, real content. It doesn't hurt doing a few searches for your readers, find something interesting to link to. Random linkage without knowing what you link to is a bad habit.

Tags: rssOwl, web comments full page »

permalink

Blogspot admin live-bookmark [rss]

This rss feed displays my blogger dashbord as a live bookmark on the bookmarks toolbar. Save it to disk open it with a text editor and replace my blog number with your own. Most text editors have a text replace feature.(hilight the number and hit replace) Then change my blog url into your own. example>

Replace the parts in red:

<?xml version="1.0"?>
<rss version="2.0">
<channel>
<title>Admin Categories</title>
<link>http://www.blogger.com/</link>
<description>a live bookmark nav menu by gaby de wilde</description>
<language>en-us</language>
<pubDate>Mon, 01 Jan 2006 04:00:00 GMT</pubDate>
<lastBuildDate>Mon, 01 Jan 2006 04:00:00 GMT</lastBuildDate>
<docs></docs>
<generator>by hand</generator>
<managingEditor>gdewilde@gmail.com</managingEditor>
<webMaster>gdewilde@gmail.com</webMaster>
<item>
<title>posting - Create</title>
<link>http://www.blogger.com/post-create.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>1</guid>
</item>
<item>
<title>posting - Edit posts </title>
<link>http://www.blogger.com/posts.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>2</guid>
</item>
<item>
<title>posting - Moderate comments</title>
<link>http://www.blogger.com/moderate-comment.g?blogID=19723373</link>
<description> </description>
<pubDate></pubDate>
<guid>3</guid>
</item>
<item>
<title>posting - Status </title>
<link>http://www.blogger.com/publish.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>4</guid>
</item>
<item>
<title> </title>
<link>http://categories.blogspot.com/</link>
<description></description>
<pubDate></pubDate>
<guid>5</guid>
</item>
<item>
<title>settings - basic</title>
<link>http://www.blogger.com/blog-options-basic.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>6</guid>
</item>
<item>
<title>settings - Publishing</title>
<link>http://www.blogger.com/blog-publishing.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>7</guid>
</item>
<item>
<title>settings - Formatting</title>
<link>http://www.blogger.com/blog-formatting.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>8</guid>
</item>
<item>
<title>settings - Comments</title>
<link>http://www.blogger.com/blog-comments.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>9</guid>
</item>
<item>
<title>settings - Archiving</title>
<link>http://www.blogger.com/blog-options-archiving.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>10</guid>
</item>
<item>
<title>settings - Site Feed</title>
<link>http://www.blogger.com/blog-feed.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>11</guid>
</item>
<item>
<title>settings - Email</title>
<link>http://www.blogger.com/blog-options-email.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>12</guid>
</item>
<item>
<title>settings - Members</title>
<link>http://www.blogger.com/blog-members.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>13</guid>
</item>
<item>
<title> </title>
<link>http://categories.blogspot.com/</link>
<description></description>
<pubDate></pubDate>
<guid>14</guid>
</item>
<item>
<title>template - Edit current</title>
<link>http://www.blogger.com/template-edit.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>15</guid>
</item>
<item>
<title>template - AdSense</title>
<link>http://www.blogger.com/adsense-edit.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>16</guid>
</item>
<item>
<title>template - Pick new</title>
<link>http://www.blogger.com/template-choose.g?blogID=19723373</link>
<description></description>
<pubDate></pubDate>
<guid>17</guid>
</item>
<item>
<title> </title>
<link>http://categories.blogspot.com/</link>
<description></description>
<pubDate></pubDate>
<guid>18</guid>
</item>
<item>
<title>view blog</title>
<link>http://categories.blogspot.com/</link>
<description></description>
<pubDate></pubDate>
<guid>19</guid>
</item>
</channel>
</rss>

Then save it and upload it to your favorite free web host OR drag-n-drop the xml file into the firefox window.

Copy the link of your hand-made feed and go to Bookmarks » manage bookmarks » new live bookmark. Past the link, give it some short name then drag it to the bookmarks toolbar folder.

It makes posting and editing the blog much easier. full page »

permalink

blogger categories with related posts

Here is a new categories script. This categories version includes related posts, and expandable category menus.

It requires that you
type a category for each post into the link field

Enable the "link Field" for your blog (?)
It's an extra box for typing an url with a post. It can be found under "blog settings" > "Formating" It's named "Show Link Field". Set it to "yes" and republish.
We will use it to label the post. Simply add a label by typing it into the box. (?) When you edit a post the link field should be right under the title field.

And you need the expandable post zones in place.

How to make expandable post zones#

To nest parts of a post, like here So that that clicking a link makes the text appear in-line. You need 3 bits of code: This bit of javascript >>

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

and this ccs>>

.commenthidden {display:none} .commentshown {display:inline}

need to be in the head of the template. The ccs can go just below the the <style type="text/css"> the javascript can go just above it. Then add this bit of html >>

<a aiotitle="click to expand" href="javascript:togglecomments('NAMEITHERE')">expand</a>
<div class="commenthidden" id="NAMEITHERE"></div>

to the blog post. Give it an uniqe name where it says NAMEITHERE and change "expand" to what ever you like. Type the hidden text inside the div
(thats before the </div>)
Now set it up as the post template (under blog settings > publishing) that way it always shows up if you make a new post from the dashboard. Can use as many as you like in one post or even.. put them inside eachother

We (obviously) use this to make the categories expand and collaps.

Here is the script>

<script type="text/javascript">
menu=""
submenu=""
var y
var z
var x = new Array();
<Blogger><BlogItemTitle>x[x.length] = new Array("<$BlogItemURL$>", "<MainOrArchivePage><$BlogItemTitle$></MainOrArchivePage>", "<$BlogItemPermalinkUrl$>");
</BlogItemTitle></Blogger>

var b = x.length
for (var y=0;y != b; y++)
{
var a = '\'' + x[y][0] + '\''
if (menu.indexOf(a) <= 0 )
{
menu=menu+'<a href=\"#\" class=\"category\" onclick=\"togglecomments(\''+x[y][0]+'\')\;ret'+'urn false;\" >'+x[y][0]+'</a><div class=\"commenthidden\" id=\"'+x[y][0]+'\">'
for (var z=0; z != b; z++)
{
if (x[y][0]==x[z][0])
{
var a = '\"' + x[z][2] + '\"'
if (menu.indexOf(a) == -1 )
{
menu = menu + '<a href=\"' + x[z][2] + '\" class=\"menuitem\">' + x[z][1] + '</a><br>'
}
}
}
menu = menu + '</div>'
} }
document.getElementById("menuos").innerHTML=menu
<Blogger>
rel = "<i>related posts:</i><br>"
for (var z=0; z != b; z++)
{
if (x[z][0]=='<$BlogItemURL$>')
{
var a = x[z][2]
if ((rel.indexOf(a) == -1 ) && ('<$BlogItemPermalinkURL$>' != a))
{
rel = rel + '<a href=\"' + x[z][2] + '\" class=\"menuitem\">' + x[z][1] + '</a><br>'
}
}
}
document.getElementById("rel<$BlogItemNumber$>").innerHTML = rel
</Blogger>
a = location.search
b = a.slice(1);
c = b;
if (c.length > 0) {
togglecomments(c);
}
</script>

Add it to your template some spot after the content, then republish the blog. Now open a text editor and visit each archive page, right click > view source and copy the output of the script into one text document. The oldest archive at the end, newest at the top. The script output is easy to spot in the script, it looks like this >

x[x.length] = new Array('talk_scripts', 'design research and development', 'http://categories.blogspot.com/2006/05/design-research-and-development.html');
x[x.length] = new Array('blogger_comments', 'google video in blogspot comments', 'http://categories.blogspot.com/2006/05/google-video-in-blogspot-comments.html');
x[x.length] = new Array('google', 'adsense beginner video', 'http://categories.blogspot.com/2006/05/adsense-beginner-video.html');
x[x.length] = new Array('google', '7dollarsmagic adsense alternative', 'http://categories.blogspot.com/2006/05/7dollarsmagic-adsense-alternative.html');
x[x.length] = new Array('blogvertising', 'One for the bookmark soicopaths', 'http://categories.blogspot.com/2006/05/one-for-bookmark-soicopaths.html');

x[x.length] = new Array('examples', 'From Beyrouth to Teheran', 'http://categories.blogspot.com/2006/04/from-beyrouth-to-teheran.html');
x[x.length] = new Array('talk_scripts', 'Recreational re-creation', 'http://categories.blogspot.com/2006/04/recreational-re-creation.html');
x[x.length] = new Array('google', 'Assimilate!', 'http://categories.blogspot.com/2006/04/assimilate.html');
x[x.length] = new Array('talk_scripts', 'Uber - tag - cloudish - total - assimialtion', 'http://categories.blogspot.com/2006/04/uber-tag-cloudish-total-assimialtion.html');
x[x.length] = new Array('talk_scripts', 'technorati compost', 'http://categories.blogspot.com/2006/04/technorati-compost.html');
x[x.length] = new Array('talk_scripts', 'The author\'s gone mad, long live the author', 'http://categories.blogspot.com/2006/04/authors-gone-mad-long-live-author.html');
x[x.length] = new Array('user_interface', 'More random outbound linkage?', 'http://categories.blogspot.com/2006/04/more-random-outbound-linkage.html');
x[x.length] = new Array('blogdesign', 'New lay out', 'http://categories.blogspot.com/2006/04/new-lay-out.html');
x[x.length] = new Array('blogvertising', 'labelr', 'http://categories.blogspot.com/2006/04/labelr.html');
x[x.length] = new Array('blogger_categories', 'Easy categories for the blogger blog', 'http://categories.blogspot.com/2006/04/easy-categories-for-blogger-blog.html');
x[x.length] = new Array('blogger_comments', 'blogger comment box part2', 'http://categories.blogspot.com/2006/04/blogger-comment-box-part2.html');
x[x.length] = new Array('examples', 'alex dynamo', 'http://categories.blogspot.com/2006/04/alex-dynamo.html');
x[x.length] = new Array('blogger_scripts', 'Adsense between posts', 'http://categories.blogspot.com/2006/04/adsense-between-posts.html');
x[x.length] = new Array('examples', 'Categories at Sendungsbewusstsein', 'http://categories.blogspot.com/2006/04/categories-at-sendungsbewusstsein.html');
x[x.length] = new Array('blogger_comments', 'Blogger reply box', 'http://categories.blogspot.com/2006/04/blogger-reply-box.html');
x[x.length] = new Array('blogvertising', 'how to configure comments', 'http://categories.blogspot.com/2006/04/how-to-configure-comments.html');
x[x.length] = new Array('blogger_scripts', 'less previous posts', 'http://categories.blogspot.com/2006/04/less-previous-posts.html');
x[x.length] = new Array('tools', 'Feed2JS', 'http://categories.blogspot.com/2006/04/feed2js.html');
x[x.length] = new Array('blogger_scripts', 'Blogger admin menu', 'http://categories.blogspot.com/2006/04/blogger-admin-menu.html');

x[x.length] = new Array('blogger_scripts', 'MainOrItemPage \& ArchiveOrItemPage', 'http://categories.blogspot.com/2006/03/mainoritempage-archiveoritempage.html');
x[x.length] = new Array('blogger_comments', 'Comments and adsense', 'http://categories.blogspot.com/2006/03/comments-and-adsense.html');
x[x.length] = new Array('blogger_comments', 'egold comments', 'http://categories.blogspot.com/2006/03/egold-comments.html');
x[x.length] = new Array('HTML', 'Cross page data transfer', 'http://categories.blogspot.com/2006/03/cross-page-data-transfer.html');
x[x.length] = new Array('blogger_comments', 'How to set up a google group for your blog', 'http://categories.blogspot.com/2006/03/how-to-set-up-google-group-for-your.html');
x[x.length] = new Array('blogvertising', 'How to add banner code to your post', 'http://categories.blogspot.com/2006/03/how-to-add-banner-code-to-your-post.html');
x[x.length] = new Array('blogvertising', 'New ideas', 'http://categories.blogspot.com/2006/03/new-ideas.html');
x[x.length] = new Array('Hardware', 'miss replaced my p4p800 e de luxe with a p4p800x in order to not-fix it', 'http://categories.blogspot.com/2006/03/miss-replaced-my-p4p800-e-de-luxe-with.html');

x[x.length] = new Array('blogvertising', 'mouseover banneradvertising', 'http://categories.blogspot.com/2006/02/mouseover-banneradvertising.html');
x[x.length] = new Array('blogger_comments', 'It\'s 0 comment<b>S</b> 1 comment and 2 comment<b>S</b>', 'http://categories.blogspot.com/2006/02/its-0-comments-1-comment-and-2.html');
x[x.length] = new Array('Blogger_graphics', 'Image preloader', 'http://categories.blogspot.com/2006/02/image-preloader.html');
x[x.length] = new Array('blogvertising', 'Spam blogs don\'t work?', 'http://categories.blogspot.com/2006/02/spam-blogs-dont-work.html');
x[x.length] = new Array('Blogger_graphics', 'Images in blogspot comments', 'http://categories.blogspot.com/2006/02/images-in-blogspot-comments.html');
x[x.length] = new Array('blogger_scripts', 'Yahoo! 360° <b>Blog this</b> for blogger blogs', 'http://categories.blogspot.com/2006/02/yahoo-360-blog-this-for-blogger-blogs.html');
x[x.length] = new Array('google', 'Blogger Forum - Blogging help, tips, Blogger support, and blog forum', 'http://categories.blogspot.com/2006/02/blogger-forum-blogging-help-tips.html');
x[x.length] = new Array('google', 'HTML Basics - Google Video', 'http://categories.blogspot.com/2006/02/html-basics-google-video.html');
x[x.length] = new Array('Gmail', 'Import yahoo contacts into Gmail', 'http://categories.blogspot.com/2006/02/import-yahoo-contacts-into-gmail.html');

x[x.length] = new Array('Google', 'Breaking the blog', 'http://categories.blogspot.com/2006/01/breaking-blog.html');
x[x.length] = new Array('blogger_comments', 'Blogsearch rss better as <b>Google</b>?', 'http://categories.blogspot.com/2006/01/blogsearch-rss-better-as-google.html');
x[x.length] = new Array('Gmail', 'Just stop bookmarking - get those Google alerts', 'http://categories.blogspot.com/2006/01/just-stop-bookmarking-get-those-google.html');
x[x.length] = new Array('blogger_categories', 'Categories for Blogger - The winning solution [blogger hacks]', 'http://categories.blogspot.com/2006/01/categories-for-blogger-winning.html');
x[x.length] = new Array('Feedburner', 'FeedBlitz email subscription', 'http://categories.blogspot.com/2006/01/feedblitz-email-subscription.html');
x[x.length] = new Array('Google', 'Talking the template', 'http://categories.blogspot.com/2006/01/talking-template.html');
x[x.length] = new Array('blogger_categories', 'how does each post know what category it is', 'http://categories.blogspot.com/2006/01/how-does-each-post-know-what-category.html');
x[x.length] = new Array('the_categories_template', 'Wishes, Bugs \& feature requests', 'http://categories.blogspot.com/2006/01/wishes-bugs-feature-requests.html');
x[x.length] = new Array('blogger_scripts', 'Selective next post link', 'http://categories.blogspot.com/2006/01/selective-next-post-link.html');
x[x.length] = new Array('blogger_scripts', '11 posts per post page', 'http://categories.blogspot.com/2006/01/11-posts-per-post-page.html');
x[x.length] = new Array('artificial_intelligence', 'Living machines', 'http://categories.blogspot.com/2006/01/living-machines.html');
x[x.length] = new Array('Hardware', 'DHL over DSL', 'http://categories.blogspot.com/2006/01/dhl-over-dsl.html');

x[x.length] = new Array('the_categories_template', 'Categories', 'http://categories.blogspot.com/2005/12/categories.html');
x[x.length] = new Array('blogger_scripts', 'The ultimate Blogger secret', 'http://categories.blogspot.com/2005/12/ultimate-blogger-secret.html');
x[x.length] = new Array('blogger_comments', 'I blog, you comment, I reply \& you say nothing!! AHHHH!!!', 'http://categories.blogspot.com/2005/12/i-blog-you-comment-i-reply-you-say.html');
x[x.length] = new Array('the_categories_template', 'A new "read more" link', 'http://categories.blogspot.com/2005/12/new-link.html');
x[x.length] = new Array('blogdesign', 'Changing the categories - "this document is best viewed printed on paper far away from electrical devices.', 'http://categories.blogspot.com/2005/12/changing-categories-this-document-is.html');
x[x.length] = new Array('the_categories_template', 'Cut down the javascript', 'http://categories.blogspot.com/2005/12/cut-down-javascript.html');
x[x.length] = new Array('Google', 'Singapore Web Hosting Blog - Google Analytics and Google SEO', 'http://categories.blogspot.com/2005/12/singapore-web-hosting-blog-google.html');
x[x.length] = new Array('the_categories_template', 'a different CSS for each post', 'http://categories.blogspot.com/2005/12/different-css-for-each-post.html');
x[x.length] = new Array('blogger_scripts', 'Notify Blogger about objectionable content. What does this mean? Blogger · Get your own blog · Flag Blog · Next blog · BlogThis!', 'http://categories.blogspot.com/2005/12/notify-blogger-about-objectionable.html');
x[x.length] = new Array('blogvertising', 'Search Engine Optimization Page Factors: Optimizing Meta Tags | LevelTen KnowledgeBase', 'http://categories.blogspot.com/2005/12/search-engine-optimization-page.html');
x[x.length] = new Array('the_categories_template', 'Warp speed browsing by subject', 'http://categories.blogspot.com/2005/12/warp-speed-browsing-by-subject.html');
x[x.length] = new Array('blogvertising', 'Finding readers', 'http://categories.blogspot.com/2005/12/finding-readers.html');
x[x.length] = new Array('blogger_scripts', 'blogspot NEXT post links [move to older post]', 'http://categories.blogspot.com/2005/12/blogspot-next-post-links-move-to-older.html');
x[x.length] = new Array('the_categories_template', 'The complex tempate V2', 'http://categories.blogspot.com/2005/12/complex-tempate-v2.html');
x[x.length] = new Array('the_categories_template', 'machine search vs human interface: Adding graphics to categories', 'http://categories.blogspot.com/2005/12/machine-search-vs-human-interface.html');
x[x.length] = new Array('blogvertising', 'HTMLDOC PDF-o-matic - Easy Software Products', 'http://categories.blogspot.com/2005/12/htmldoc-pdf-o-matic-easy-software.html');
x[x.length] = new Array('Google', 'Google hardware, it\'s coming slowly...', 'http://categories.blogspot.com/2005/12/google-hardware-its-coming-slowly.html');
x[x.length] = new Array('Gmail', 'Gmail for nerds+', 'http://categories.blogspot.com/2005/12/gmail-for-nerds.html');
x[x.length] = new Array('Blogger_graphics', 'Adding graphics to categories', 'http://categories.blogspot.com/2005/12/adding-graphics-to-categories.html');
x[x.length] = new Array('Hardware', 'What does the future of hardware have to offer?', 'http://categories.blogspot.com/2005/12/what-does-future-of-hardware-have-to.html');
x[x.length] = new Array('Google', 'Google rss, the:\"why it is crap\" [XML]', 'http://categories.blogspot.com/2005/12/google-rss-thewhy-it-is-crap-xml.html');
x[x.length] = new Array('blogger_comments', 'jsierra.net: Comment Notification Added', 'http://categories.blogspot.com/2005/12/jsierranet-comment-notification-added.html');
x[x.length] = new Array('Feedburner', 'Feedburner RSS toys, rss to email, atom to rss, clean up, fix, track or even publish rss on another site.', 'http://categories.blogspot.com/2005/12/feedburner-rss-toys-rss-to-email-atom.html');
x[x.length] = new Array('Opera', 'Why I prefer the Opera webbrowser over the current Firefox', 'http://categories.blogspot.com/2005/12/why-i-prefer-opera-webbrowser-over.html');
x[x.length] = new Array('blogger_scripts', 'how to make expandable post zones', 'http://categories.blogspot.com/2005/12/how-to-make-expandable-post-zones.html');
x[x.length] = new Array('the_categories_template', 'Making all text the same size', 'http://categories.blogspot.com/2005/12/making-all-text-same-size.html');
x[x.length] = new Array('blogvertising', 'Freelance your blog skills', 'http://categories.blogspot.com/2005/12/freelance-your-blog-skills.html');
x[x.length] = new Array('Google', 'The mind that is google - man, to be dominated', 'http://categories.blogspot.com/2005/12/mind-that-is-google-man-to-be.html');
x[x.length] = new Array('the_categories_template', 'instructions for the tagged template installation', 'http://categories.blogspot.com/2005/12/instructions-for-tagged-template.html');
x[x.length] = new Array('the_categories_template', 'Template tags for all', 'http://categories.blogspot.com/2005/12/template-tags-for-all.html');
x[x.length] = new Array('blogdesign', 'The intelect of a blog platform - "how smart can it store?"', 'http://categories.blogspot.com/2005/12/intelect-of-blog-platform-how-smart.html');
x[x.length] = new Array('user_interface', 'Is MSN search inteligent enough to filter out good looking pages true valid html?', 'http://categories.blogspot.com/2005/12/is-msn-search-inteligent-enough-to.html');
x[x.length] = new Array('blogdesign', 'Will our global artificial intelligence be able to understand documents in the same way we do?', 'http://categories.blogspot.com/2005/12/will-our-global-artificial.html');


Now we go back to the blogger template and insert this information into the original script. Making it look like this>

<script type="text/javascript">
menu=""
submenu=""
var y
var z
var x = new Array();
<Blogger><BlogItemTitle>x[x.length] = new Array("<$BlogItemURL$>", "<MainOrArchivePage><$BlogItemTitle$></MainOrArchivePage>", "<$BlogItemPermalinkUrl$>");
</BlogItemTitle></Blogger>


x[x.length] = new Array('talk_scripts', 'design research and development', 'http://categories.blogspot.com/2006/05/design-research-and-development.html');
x[x.length] = new Array('blogger_comments', 'google video in blogspot comments', 'http://categories.blogspot.com/2006/05/google-video-in-blogspot-comments.html');
x[x.length] = new Array('google', 'adsense beginner video', 'http://categories.blogspot.com/2006/05/adsense-beginner-video.html');
x[x.length] = new Array('google', '7dollarsmagic adsense alternative', 'http://categories.blogspot.com/2006/05/7dollarsmagic-adsense-alternative.html');
x[x.length] = new Array('blogvertising', 'One for the bookmark soicopaths', 'http://categories.blogspot.com/2006/05/one-for-bookmark-soicopaths.html');

x[x.length] = new Array('examples', 'From Beyrouth to Teheran', 'http://categories.blogspot.com/2006/04/from-beyrouth-to-teheran.html');
x[x.length] = new Array('talk_scripts', 'Recreational re-creation', 'http://categories.blogspot.com/2006/04/recreational-re-creation.html');
x[x.length] = new Array('google', 'Assimilate!', 'http://categories.blogspot.com/2006/04/assimilate.html');
x[x.length] = new Array('talk_scripts', 'Uber - tag - cloudish - total - assimialtion', 'http://categories.blogspot.com/2006/04/uber-tag-cloudish-total-assimialtion.html');
x[x.length] = new Array('talk_scripts', 'technorati compost', 'http://categories.blogspot.com/2006/04/technorati-compost.html');
x[x.length] = new Array('talk_scripts', 'The author\'s gone mad, long live the author', 'http://categories.blogspot.com/2006/04/authors-gone-mad-long-live-author.html');
x[x.length] = new Array('user_interface', 'More random outbound linkage?', 'http://categories.blogspot.com/2006/04/more-random-outbound-linkage.html');
x[x.length] = new Array('blogdesign', 'New lay out', 'http://categories.blogspot.com/2006/04/new-lay-out.html');
x[x.length] = new Array('blogvertising', 'labelr', 'http://categories.blogspot.com/2006/04/labelr.html');
x[x.length] = new Array('blogger_categories', 'Easy categories for the blogger blog', 'http://categories.blogspot.com/2006/04/easy-categories-for-blogger-blog.html');
x[x.length] = new Array('blogger_comments', 'blogger comment box part2', 'http://categories.blogspot.com/2006/04/blogger-comment-box-part2.html');
x[x.length] = new Array('examples', 'alex dynamo', 'http://categories.blogspot.com/2006/04/alex-dynamo.html');
x[x.length] = new Array('blogger_scripts', 'Adsense between posts', 'http://categories.blogspot.com/2006/04/adsense-between-posts.html');
x[x.length] = new Array('examples', 'Categories at Sendungsbewusstsein', 'http://categories.blogspot.com/2006/04/categories-at-sendungsbewusstsein.html');
x[x.length] = new Array('blogger_comments', 'Blogger reply box', 'http://categories.blogspot.com/2006/04/blogger-reply-box.html');
x[x.length] = new Array('blogvertising', 'how to configure comments', 'http://categories.blogspot.com/2006/04/how-to-configure-comments.html');
x[x.length] = new Array('blogger_scripts', 'less previous posts', 'http://categories.blogspot.com/2006/04/less-previous-posts.html');
x[x.length] = new Array('tools', 'Feed2JS', 'http://categories.blogspot.com/2006/04/feed2js.html');
x[x.length] = new Array('blogger_scripts', 'Blogger admin menu', 'http://categories.blogspot.com/2006/04/blogger-admin-menu.html');

x[x.length] = new Array('blogger_scripts', 'MainOrItemPage \& ArchiveOrItemPage', 'http://categories.blogspot.com/2006/03/mainoritempage-archiveoritempage.html');
x[x.length] = new Array('blogger_comments', 'Comments and adsense', 'http://categories.blogspot.com/2006/03/comments-and-adsense.html');
x[x.length] = new Array('blogger_comments', 'egold comments', 'http://categories.blogspot.com/2006/03/egold-comments.html');
x[x.length] = new Array('HTML', 'Cross page data transfer', 'http://categories.blogspot.com/2006/03/cross-page-data-transfer.html');
x[x.length] = new Array('blogger_comments', 'How to set up a google group for your blog', 'http://categories.blogspot.com/2006/03/how-to-set-up-google-group-for-your.html');
x[x.length] = new Array('blogvertising', 'How to add banner code to your post', 'http://categories.blogspot.com/2006/03/how-to-add-banner-code-to-your-post.html');
x[x.length] = new Array('blogvertising', 'New ideas', 'http://categories.blogspot.com/2006/03/new-ideas.html');
x[x.length] = new Array('Hardware', 'miss replaced my p4p800 e de luxe with a p4p800x in order to not-fix it', 'http://categories.blogspot.com/2006/03/miss-replaced-my-p4p800-e-de-luxe-with.html');

x[x.length] = new Array('blogvertising', 'mouseover banneradvertising', 'http://categories.blogspot.com/2006/02/mouseover-banneradvertising.html');
x[x.length] = new Array('blogger_comments', 'It\'s 0 comment<b>S</b> 1 comment and 2 comment<b>S</b>', 'http://categories.blogspot.com/2006/02/its-0-comments-1-comment-and-2.html');
x[x.length] = new Array('Blogger_graphics', 'Image preloader', 'http://categories.blogspot.com/2006/02/image-preloader.html');
x[x.length] = new Array('blogvertising', 'Spam blogs don\'t work?', 'http://categories.blogspot.com/2006/02/spam-blogs-dont-work.html');
x[x.length] = new Array('Blogger_graphics', 'Images in blogspot comments', 'http://categories.blogspot.com/2006/02/images-in-blogspot-comments.html');
x[x.length] = new Array('blogger_scripts', 'Yahoo! 360° <b>Blog this</b> for blogger blogs', 'http://categories.blogspot.com/2006/02/yahoo-360-blog-this-for-blogger-blogs.html');
x[x.length] = new Array('google', 'Blogger Forum - Blogging help, tips, Blogger support, and blog forum', 'http://categories.blogspot.com/2006/02/blogger-forum-blogging-help-tips.html');
x[x.length] = new Array('google', 'HTML Basics - Google Video', 'http://categories.blogspot.com/2006/02/html-basics-google-video.html');
x[x.length] = new Array('Gmail', 'Import yahoo contacts into Gmail', 'http://categories.blogspot.com/2006/02/import-yahoo-contacts-into-gmail.html');

x[x.length] = new Array('Google', 'Breaking the blog', 'http://categories.blogspot.com/2006/01/breaking-blog.html');
x[x.length] = new Array('blogger_comments', 'Blogsearch rss better as <b>Google</b>?', 'http://categories.blogspot.com/2006/01/blogsearch-rss-better-as-google.html');
x[x.length] = new Array('Gmail', 'Just stop bookmarking - get those Google alerts', 'http://categories.blogspot.com/2006/01/just-stop-bookmarking-get-those-google.html');
x[x.length] = new Array('blogger_categories', 'Categories for Blogger - The winning solution [blogger hacks]', 'http://categories.blogspot.com/2006/01/categories-for-blogger-winning.html');
x[x.length] = new Array('Feedburner', 'FeedBlitz email subscription', 'http://categories.blogspot.com/2006/01/feedblitz-email-subscription.html');
x[x.length] = new Array('Google', 'Talking the template', 'http://categories.blogspot.com/2006/01/talking-template.html');
x[x.length] = new Array('blogger_categories', 'how does each post know what category it is', 'http://categories.blogspot.com/2006/01/how-does-each-post-know-what-category.html');
x[x.length] = new Array('the_categories_template', 'Wishes, Bugs \& feature requests', 'http://categories.blogspot.com/2006/01/wishes-bugs-feature-requests.html');
x[x.length] = new Array('blogger_scripts', 'Selective next post link', 'http://categories.blogspot.com/2006/01/selective-next-post-link.html');
x[x.length] = new Array('blogger_scripts', '11 posts per post page', 'http://categories.blogspot.com/2006/01/11-posts-per-post-page.html');
x[x.length] = new Array('artificial_intelligence', 'Living machines', 'http://categories.blogspot.com/2006/01/living-machines.html');
x[x.length] = new Array('Hardware', 'DHL over DSL', 'http://categories.blogspot.com/2006/01/dhl-over-dsl.html');

x[x.length] = new Array('the_categories_template', 'Categories', 'http://categories.blogspot.com/2005/12/categories.html');
x[x.length] = new Array('blogger_scripts', 'The ultimate Blogger secret', 'http://categories.blogspot.com/2005/12/ultimate-blogger-secret.html');
x[x.length] = new Array('blogger_comments', 'I blog, you comment, I reply \& you say nothing!! AHHHH!!!', 'http://categories.blogspot.com/2005/12/i-blog-you-comment-i-reply-you-say.html');
x[x.length] = new Array('the_categories_template', 'A new "read more" link', 'http://categories.blogspot.com/2005/12/new-link.html');
x[x.length] = new Array('blogdesign', 'Changing the categories - "this document is best viewed printed on paper far away from electrical devices.', 'http://categories.blogspot.com/2005/12/changing-categories-this-document-is.html');
x[x.length] = new Array('the_categories_template', 'Cut down the javascript', 'http://categories.blogspot.com/2005/12/cut-down-javascript.html');
x[x.length] = new Array('Google', 'Singapore Web Hosting Blog - Google Analytics and Google SEO', 'http://categories.blogspot.com/2005/12/singapore-web-hosting-blog-google.html');
x[x.length] = new Array('the_categories_template', 'a different CSS for each post', 'http://categories.blogspot.com/2005/12/different-css-for-each-post.html');
x[x.length] = new Array('blogger_scripts', 'Notify Blogger about objectionable content. What does this mean? Blogger · Get your own blog · Flag Blog · Next blog · BlogThis!', 'http://categories.blogspot.com/2005/12/notify-blogger-about-objectionable.html');
x[x.length] = new Array('blogvertising', 'Search Engine Optimization Page Factors: Optimizing Meta Tags | LevelTen KnowledgeBase', 'http://categories.blogspot.com/2005/12/search-engine-optimization-page.html');
x[x.length] = new Array('the_categories_template', 'Warp speed browsing by subject', 'http://categories.blogspot.com/2005/12/warp-speed-browsing-by-subject.html');
x[x.length] = new Array('blogvertising', 'Finding readers', 'http://categories.blogspot.com/2005/12/finding-readers.html');
x[x.length] = new Array('blogger_scripts', 'blogspot NEXT post links [move to older post]', 'http://categories.blogspot.com/2005/12/blogspot-next-post-links-move-to-older.html');
x[x.length] = new Array('the_categories_template', 'The complex tempate V2', 'http://categories.blogspot.com/2005/12/complex-tempate-v2.html');
x[x.length] = new Array('the_categories_template', 'machine search vs human interface: Adding graphics to categories', 'http://categories.blogspot.com/2005/12/machine-search-vs-human-interface.html');
x[x.length] = new Array('blogvertising', 'HTMLDOC PDF-o-matic - Easy Software Products', 'http://categories.blogspot.com/2005/12/htmldoc-pdf-o-matic-easy-software.html');
x[x.length] = new Array('Google', 'Google hardware, it\'s coming slowly...', 'http://categories.blogspot.com/2005/12/google-hardware-its-coming-slowly.html');
x[x.length] = new Array('Gmail', 'Gmail for nerds+', 'http://categories.blogspot.com/2005/12/gmail-for-nerds.html');
x[x.length] = new Array('Blogger_graphics', 'Adding graphics to categories', 'http://categories.blogspot.com/2005/12/adding-graphics-to-categories.html');
x[x.length] = new Array('Hardware', 'What does the future of hardware have to offer?', 'http://categories.blogspot.com/2005/12/what-does-future-of-hardware-have-to.html');
x[x.length] = new Array('Google', 'Google rss, the:\"why it is crap\" [XML]', 'http://categories.blogspot.com/2005/12/google-rss-thewhy-it-is-crap-xml.html');
x[x.length] = new Array('blogger_comments', 'jsierra.net: Comment Notification Added', 'http://categories.blogspot.com/2005/12/jsierranet-comment-notification-added.html');
x[x.length] = new Array('Feedburner', 'Feedburner RSS toys, rss to email, atom to rss, clean up, fix, track or even publish rss on another site.', 'http://categories.blogspot.com/2005/12/feedburner-rss-toys-rss-to-email-atom.html');
x[x.length] = new Array('Opera', 'Why I prefer the Opera webbrowser over the current Firefox', 'http://categories.blogspot.com/2005/12/why-i-prefer-opera-webbrowser-over.html');
x[x.length] = new Array('blogger_scripts', 'how to make expandable post zones', 'http://categories.blogspot.com/2005/12/how-to-make-expandable-post-zones.html');
x[x.length] = new Array('the_categories_template', 'Making all text the same size', 'http://categories.blogspot.com/2005/12/making-all-text-same-size.html');
x[x.length] = new Array('blogvertising', 'Freelance your blog skills', 'http://categories.blogspot.com/2005/12/freelance-your-blog-skills.html');
x[x.length] = new Array('Google', 'The mind that is google - man, to be dominated', 'http://categories.blogspot.com/2005/12/mind-that-is-google-man-to-be.html');
x[x.length] = new Array('the_categories_template', 'instructions for the tagged template installation', 'http://categories.blogspot.com/2005/12/instructions-for-tagged-template.html');
x[x.length] = new Array('the_categories_template', 'Template tags for all', 'http://categories.blogspot.com/2005/12/template-tags-for-all.html');
x[x.length] = new Array('blogdesign', 'The intelect of a blog platform - "how smart can it store?"', 'http://categories.blogspot.com/2005/12/intelect-of-blog-platform-how-smart.html');
x[x.length] = new Array('user_interface', 'Is MSN search inteligent enough to filter out good looking pages true valid html?', 'http://categories.blogspot.com/2005/12/is-msn-search-inteligent-enough-to.html');
x[x.length] = new Array('blogdesign', 'Will our global artificial intelligence be able to understand documents in the same way we do?', 'http://categories.blogspot.com/2005/12/will-our-global-artificial.html');


var b = x.length
for (var y=0;y != b; y++)
{
var a = '\'' + x[y][0] + '\''
if (menu.indexOf(a) <= 0 )
{
menu=menu+'<a href=\"#\" class=\"category\" onclick=\"togglecomments(\''+x[y][0]+'\')\;ret'+'urn false;\" >'+x[y][0]+'</a><div class=\"commenthidden\" id=\"'+x[y][0]+'\">'
for (var z=0; z != b; z++)
{
if (x[y][0]==x[z][0])
{
var a = '\"' + x[z][2] + '\"'
if (menu.indexOf(a) == -1 )
{
menu = menu + '<a href=\"' + x[z][2] + '\" class=\"menuitem\">' + x[z][1] + '</a><br>'
}
}
}

menu = menu + '</div>'
} }
document.getElementById("menuos").innerHTML=menu
<Blogger>
rel = "<i>related posts:</i><br>"
for (var z=0; z != b; z++)
{
if (x[z][0]=='<$BlogItemURL$>')
{
var a = x[z][2]
if ((rel.indexOf(a) == -1 ) && ('<$BlogItemPermalinkURL$>' != a))
{
rel = rel + '<a href=\"' + x[z][2] + '\" class=\"menuitem\">' + x[z][1] + '</a><br>'
}
}
}
document.getElementById("rel<$BlogItemNumber$>").innerHTML = rel
</Blogger>
a = location.search
b = a.slice(1);
c = b;
if (c.length > 0) {
togglecomments(c);
}


This div goes under your postings (inside the blogger tags) to print out the related posts.

<div id="rel<$BlogItemNumber$>"></div><br>

And (finally) add this html where you want your menu to appear.
<b>categories</b><br>
<div id="menuos"></div>
There still is one known problem>

If one of your archive pages doesn't display the menu you have probably used a quote " in a post title. If that's the case, edit the output of that page and put a backslash in front of the quote(s) like so \" Don't change the post title, that will change the url of the post.


The next version will be much better I'm sure. But if you just want the related posts and you want em now, here they are. I bet your readers wil be as happy as you are. :0-)

I've have already started on a new version, again it's based on the same concept of using the link field, it includes the number of posts and dropdown menus, I'm not happy just jet, it still needs to be much cooler as this. :) Any ideas? full page »

permalink

AdSense in the middle of the post


View my
photoblog
To place your AdSense in the middle of a post add this simple html to your template just before the <$BlogItemBody$> tag.

<div style="float:left;height:120px;width:1px;"></div>
<div style="clear:left;float:left;padding-right:5px;">
<br>
<div style="border: 1px solid #ccc;padding:5px;">

View my<br> <a href="http://fototour.blogspot.com/">photoblog</a>

</div>
</div>
</div>

Replace my text with your AdSense format of choice, change the height from the top to fit your post size. You can use the border to tune it a bit. My guess is that this simple css would be accepted by any traffic exchange program as it doesn't alter their code.

With this method you also have the option to place 3 adds above the <Blogger> tags.

I wrote this after reading http://adsinthemiddle.blogspot.com/ JavaScript obviously offers more tricks for exact placement as css in this case. But I have a lot of scripts in my blog already, I have no room for something like this. It needs to be fast and snappy. full page »

permalink

generate rss feeds for blogger commenteers

This script makes an rss-feeds for each comment author. I wanted to create an rss feed for the blogger comments but I figured that wasn't a cool way to credit commenteers. I wanted to aggregate their latest posts from their blog rss but that would either take an hour to find and scrap feeds with JavaScript. Even if I had the feed a simple feeds to JavaScript would take much to long with only a few comments. So I've come to the conclusion that an rss icon/link would be much more appropriate. Personally I've been confused by how the much superior rss is not defeating html at all. It's the inferior version of it? But I just know XML can do a lot more as the simple Ajax application.

Then I remembered 2 other problems; people having 20 blogs with a feed each. And the problem of horrible rss readers that can only display each feed on it's own. Blog-search rss was the solution to fix both. But the best feed is sitting on the end of the pages of the advanced search results? Much to much work!

So now I've written a script that chops the commenteer link down to the name then creates a blog-search rss for posts with the same name inpostauthor: This is terrific! You can drag the feeds to your reader and track updates of all of their 1200 blogs in one go withouth visiting a single page! Hurray!

the script >

<script type="text/javascript">
a = '<$BlogCommentAuthor$>'
b = a.indexOf('>')
b++
a = a.slice(b)
c = a.indexOf('<')
a = a.slice(0,c)
document.write('<a href=\"http://search.blogger.com/blogsearch_feeds?q=inpostauthor:'+a+'\&hl=en&x=382\&y=14&ui=blg\&ie=utf-8\&num=10\&output=atom\">[rss]</a>');
</script>


It should go just behind the <$BlogCommentAuthor$>' tag in your template. I think it's a great find? Make some comment and see what yours looks like :) full page »

permalink

Display related blogger posts under the post

Creating a page full of JavaScript can make it hard to preserve "normal" access to it. Each link should have it's html equivalent in one way or another. My old script was really good for this. The new version contains almost nothing but scripted links. I need to seriously expand it to keep things accessible.>>

You do see related posts under each post now. It looks like it works. I've successfully prevented the post on the post page from appearing under themselves. Still when a post is the only one in a category the name of that category does appear in the menu, then we still have an empty "related posts" list under it. Sounds like a small bug but It's actually a design error on my behalf :(

The posts are collected from a JavaScript array that holds all the data for the names categories and links. This isn't accessible for non js browser or the googlebot. So I'm going to create the on-page post-archive in normal html links. (Just like in the previous version) But I need to get the script to find their categories count the posts, generate a list of arrays and put it back together again in the same spot.

As I'm practically rewriting the thing for the 3rd time now I may as well add the sub-categories and/or master-categories. This is bad for the update factor of this blog, a blog does need updates to stay interesting. So I'm sorry to say that now you are looking at the result already the script wont be available for some time.

But I'm going to do some other scripts and some postings about most interesting related topics. To buy some time I've made script that inserts a random image with each post after the page loads. For some reason it doesn't work at the moment which doesn't buy much time at all! So bear with me on this one, and make a comment if you want to encourage me to hurry up. :)

full page »

permalink

Template Generator

I just found PsycHo's Free Template Generator. It's a great way for anyone to make a good template. It's more as worth checking out even if you're good at css/html. full page »

permalink

load images on mouseover

If you don't want to load an image untill it's clicked but do want it on the page. You can use the onclick effect like this


<img alt="click to load image" onclick="src='http://photos1.blogger.com/hello/77/1912/1024/IMG_6826.jpg'" border='0' style='color:#0000EE;text-decoration:underline;cursor:pointer;'>

to create "links" like this


The onclick inserts the src on-click, as the image has no src the alt text is displayed and thats why the style is set for the font type. This is nice if you have a few MB's of images on a page. And it works withouth any extra html, css, scripts or popups. full page »

permalink

blog clicktrue rate

I figure my ideal reader should find my blog in google, and only because I wrote something he or she is looking for. Then if the content is nice you will come back. If it's not, it's to bad I've waisted your time (and my own of course). That's why I think the new categories+script is great, if not the best way to get traffic in a honest way. :) In my opinion "the best" would be traffic from advertising your own posts on your own blog.

The script creates A link for each of the posts on ALL pages of the blog. They sit in nice drop down category menus. It advertises your own related posts RIGHT-ON the same page. It doesn't use other web hosts as blogger and it's very small and fast. Links are JavaScript so they do not disturb the blog indexing to much. (more as 100 links per page is really bad for your search rank)

I guess it would look much better on other blog as mine. I know you wont read my blog because you are so interested in blogger scripts or a fan of mine (ghehe). You just want to make something better from your own blog. I'm sure the Paula Abdul blog is far more interesting to the Paula Abdul fan. But this is the best way is to create blog navigation for any of em.

I also use blo.gs because it sorts the blogroll by update. Still I'm not Microsoft! If I can do better I will, maybe you have ideas? Try request something strange or impossible. For example, the last request was from Roberto who wanted video in the blogspot comments. Surprise me! :) full page »

permalink

design research and development

A friend of mine crashed his computer on my blog :( I like to think my lust+for+innovation is bigger as my ignorance. So, I've rewritten the template and it's scripts. I've made a new script, it first appears as a bunch of expandable links under each post, if clicked it changes all of the words into search links pointing at blogsearch google delicious technorati google search this site blogsearch this blog Feel lucky images groups news books keyhole define pdf Something like Ashes to ashes, dust to dust and words to links. Change the links to different domains by clicking another service. It's all JavaScript so it doesn't get indexed.

Only my ideas are fantastic, my skill+for+JavaScript isn't as well developed as I would like it to be already. Writing this single script was a day of work/study and the code still needs more services and it has various stages of manual compression to pass to make it even more dynamic and snappy. For the sceptics, this is not even close to a bloated+script , it adds thousands and thousands of links to a blog in a hand full of lines. It has so much options+for+expansion that I can think of 50 just writing this line, for example it could do site search for any blog on your blogroll. Or even find it's own Social+bookmarking+sites tagging+services or search+engines do remember the blogger+tos allows only Google+search. For example Freefind or ask+jeeves is not allowed (until google+buys+it ).

The only thing I'm not happy about is how I end up using a + to join 2 words into one
keyword. This either is really bad+for+indexing or it+will+do+wonders for it. Lets+find+out. :)

Another idea I had was to prevent the reader(you) from reading the second part of a post unless he/she(you) made a comment on the first part. It sounds a bit sadistic but using my stuff without a word isn't very nice either. hehehe It has various nice angles to it. It can create a virtual members area, you can bookmark or even blog the full post. It would also be interesting to see comments half way the post.

I was also thinking of a change to the peekaboo+script so that it can write the hidden part of a post to a popup window. Very+easy+to+make but it has some potential. It can create interesting effect with posted code, images, video or even give new dimensions to the basic read+more experience. AS a note: It's the only way to create pages without a nav+bar on blogger without disturbing the blogger+tos to much.

NR 3 I'm going to make the archive generate (invisible) admin code so that the posts can be added to the main page in raw html without destroying+the+site+feed . My original method had a nasty side effect, it created a blogger+atom with all the posts in it, it just wasn't aggregatable. Even feedburner complained about the size. full page »

permalink

google video in blogspot comments

I've previously writen a script to allow comments with images using the BBS code [img] [/img]. The script replaces the tags with html after "display images" is clicked.

Now I've made a new version that allows visitors to post flash movies using [video][/video] tags. It's a bit harder as images visitors need to obtain the url from the the google+video embed. Wich is behind the src=" The url is verry long so it may take a bit of explaining.

This part goes in the head of the template. »»


<script type="text/Javascript">
function commenthtml(string)
{
normaltitle = document.getElementById(string).innerHTML;

fattitle = "";
yy = normaltitle.length;
yy = yy+5
for( var xx = 0; xx < yy; xx++ )
{
nextone = normaltitle.slice(0,1)
normaltitle = normaltitle.slice(1)
if ( nextone=="[") {
if (normaltitle.indexOf("img]")=="0") {
if (normaltitle.indexOf("[/img]") < normaltitle.indexOf(" ")) {
find=normaltitle.indexOf("[/img]");
doinsert = normaltitle.slice(0,find);
normaltitle = normaltitle.slice(find);
normaltitle = normaltitle.slice(6);
if (doinsert.indexOf("\"")=="-1") {
nextone="image";doinsert = doinsert.slice(4); doinsert = "<img src=\""+doinsert+"\">";
}}}

if (normaltitle.indexOf("video]")=="0") {
if (normaltitle.indexOf("[/video]") < normaltitle.indexOf(" ")) {
find=normaltitle.indexOf("[/video]");
doinsert = normaltitle.slice(0,find);
normaltitle = normaltitle.slice(find);
normaltitle = normaltitle.slice(8);
if (doinsert.indexOf("\"")=="-1") {
nextone="image";doinsert = doinsert.slice(6); doinsert = "<iframe width=\"468px\" height=\"350px\" src=\""+doinsert+"\">your browser doesn\'t support iframes today.</iframe>";
}}}

};

if (nextone=="image"){nextone=doinsert}
fattitle = fattitle.concat(nextone);
}
document.getElementById(string).innerHTML = fattitle;
}

</script>

And this goes in the post (where you want the link to appear). »»

<a href="#" onclick="commenthtml('topc<$BlogItemNumber$>');return false;">display images/video</a> <a href="http://categories.blogspot.com/2006/05/google-video-in-blogspot-comments.html">(?)</a>
<br>
Now put a div with id around the comments »»

<div id="topc<$BlogItemNumber$>">

I've added a link (?) to this post so that your visitors can read how to post a video. You should replace this with your own tutorial "How to post images and video in comments".

If you got here true the link feel free to use this post to test comment on this post. Grab the embed code from a Google video, change it like the comments here, post it, then return to the blog that send you here and show off. :-) full page »

permalink

adsense beginner video

I'm convinced my beloved Google services are suffering from AdSense 1980 way of doing things. I find them such an immature bunch of developers it's hysterically funny. I just compare the adds with the classical advert, then it just stinks in more as one smell. Neither the buying of products nor the advertising on it is any fun. Publishers don't have any future with it either.

The most important part is the customer, who gets treated like shit. The "buying products" is not fun at all, there is a non existent service level with the offers displayed. I need my gmail and I demand better videos, so get ur advertising act together already! There is no excuse for being pathetic.

The non us google video is totally broken. You couldn't even get the business model for macgyver together. Now that just silly! I have to pay WHAAT? 3 bucks for a 100 year old movie? 1 day of TCM is worth 75 bucks in your setup. This was the best I could find. Great film, but cheap.





I've probably complained enough by now, I'm unable to log into my adsense account (ghehehe) Maybe they do know what I'm talking about. The stuff is so bad it even made me think of doing an online advertising business myself. Just to see how fast they buy me out.

But first I will finish my last joke "turn blogger into a content management system". I demand it to be better as all other content management systems and it should be 100% free. I'm now on a hunt for teh cool n L33T CMS features to implement.

It's to bad but AdSense is going to have to wait for my contextual advertisement jokes. But hey, I at least know what a context is, the odds are all in my favor.

For now you will have to go here to be monetized. You need not to worry, clicking the link won't get me paid. You can talk rubbish on the blog like I do and earn real coins for it. Isn't that a wet dream come true? This advert here is as good as yours, could you begin to try to imagine that one?

If you can comprehend it, you can steal it to? full page »

permalink

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. full page »

permalink

One for the bookmark soicopaths

Here is some blogger code to create links for sociopathic bookmarking services. html>


<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? full page »

permalink

From Beyrouth to Teheran

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

From Beyrouth to Teheran full page »

permalink

Recreational re-creation

I was trying to list all posts on the front page of the blog and with trying I mean really bad ass blog+hacking to 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. full page »

permalink

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 full page »

permalink

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. :-) full page »

permalink

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 full page »

permalink

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
full page »

permalink

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..... full page »

permalink

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. Then read the instructions for the categories template.HTML >



<!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> &raquo; <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> &raquo; <Blogger><a href="<$BlogURL$>/<$BlogItemArchiveFileName$>">Archive</a> &raquo; <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$>">&lt;&lt; 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. -->&nbsp;</p>
</div>
<!-- End #footer -->
</body>
</html>
full page »

permalink

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>, &lt;i&gt;, &lt;a&gt;&lt;b&gt; 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.
full page »

permalink

alex dynamo

Here is another succesfull categories implementation.

http://bloggerato.blogspot.com

Implemented by Alex Dynamo. full page »

permalink

Adsense between posts

If you wan't adds with all your posts you can put the code inside the <Blogger> tags and set the maximum number of posts to 3. You would have to make sure they don't show up on the archives by using <MainPage> tags around them.

But if you wan't more as 3 (or more freedom over placement) you put the adsense inside the <BlogItemCommentsEnabled> tags then disable the comments for all but 3 posts.

Do ajust the blog settings to "new posts have NO comments" or you will end up
with more as 3 adverts per page(more as allowed) full page »

permalink

Categories at Sendungsbewusstsein

Sendungsbewusstsein is a blog by peet_g written in german. Another great example of my categories script at work. :-)

http://sebew.blogspot.com/?Blogger full page »

permalink

Blogger reply box

If you want a text box under the blog post for the reader to leave his or her comment on the same page: Put this bit of html»

<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;"> &lt;b&gt;, &lt;i&gt;, &lt;a&gt;</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>

in your template some place inside the <Blogger> .. </Blogger> tags. If put inside the <BlogItemCommentsEnabled> .... </BlogItemCommentsEnabled> tags you can turn them on and off per post with the blogger comment settings in the dashboard. full page »

permalink

less previous posts

If you want to display less then 10 previous posts: Add this chunk of CSS>

span span span span span {
display:none;
}

to your template. Then add this bit of HTML>

<BloggerPreviousItems>
<span><a href="<$BlogItemPermalinkURL$>" title="<$BlogPreviousItemTitle$>"><$BlogPreviousItemTitle$></a><br>
</BloggerPreviousItems>
<BloggerPreviousItems></span></BloggerPreviousItems>

to the blog sidebar. Now simply change the number of span's in the CSS to display more or less posts. (currently set to 5) full page »

permalink

Feed2JS

Build a Feed You Can Cut 'n Paste: "The tool below will help you format a feed's display with the information you want to use on your web site. All you need to enter is the URL for the RSS source, and select the desired options below. Note that we now have a number of mirror Feed2JS sites that can provide the exact same service as we provide here." full page »

permalink

Blogger admin menu

To make the expanding Admin menu (like in the sidebar of this blog) You first need to add the script for expandable post zones to your template. Then add this html»

<a aiotitle="admin tools" REL="nofollow" href="javascript:togglecomments('admin')"><img src="http://www.blogger.com/favicon.ico">admin</a>
<span class="commenthidden" id="admin">
<h2 class="sidebar-title">
<a aiotitle="admin tools" REL="nofollow" href="javascript:togglecomments('adminposting')">
Posting</a>
</h2>
<span class="commenthidden" id="adminposting">
<ul>
<li><a REL="nofollow" href="http://www.blogger.com/post-create.g?blogID=<$BlogID$>">
Create</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/posts.g?blogID=<$BlogID$>">
Edit posts</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/moderate-comment.g?blogID=<$BlogID$>">
Moderate comments</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/publish.g?blogID=<$BlogID$>">
Status</a></li>
</ul>
</span>

<h2 class="sidebar-title">
<a aiotitle="admin tools" REL="nofollow" href="javascript:togglecomments('adminsettings')">
Settings:
</a>
</h2>
<span class="commenthidden" id="adminsettings">
<ul>
<li><a REL="nofollow" href="http://www.blogger.com/blog-options-basic.g?blogID=<$BlogID$>">
basic</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/blog-publishing.g?blogID=<$BlogID$>">
Publishing</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/blog-formatting.g?blogID=<$BlogID$>">
Formatting</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/blog-comments.g?blogID=<$BlogID$>">
Comments</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/blog-options-archiving.g?blogID=<$BlogID$>">
Archiving</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/blog-feed.g?blogID=<$BlogID$>">
Site Feed</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/blog-options-email.g?blogID=<$BlogID$>">
Email</a></li>
<li><a REL="nofollow" href="http://www.blogger.com/blog-members.g?blogID=<$BlogID$>">
Members</a></li>
</ul>
</span>

<h2 class="sidebar-title">
<a aiotitle="admin tools" REL="nofollow" href="javascript:togglecomments('admintemplate')">
Template
</a>
</h2>
<span class="commenthidden" id="admintemplate">
<ul>
<li><a REL="nofollow" href="http://www.blogger.com/template-edit.g?blogID=<$BlogID$>">
Edit current </a></li>
<li><a REL="nofollow" href="http://www.blogger.com/adsense-edit.g?blogID=<$BlogID$>">
AdSense </a></li>
<li><a REL="nofollow" href="http://www.blogger.com/template-choose.g?blogID=<$BlogID$>">
Pick new</a></li>
<li><a href="#">
View Blog</a></li>
</ul>
</span>
</span>

to your blog sidebar or footer. full page »

permalink

MainOrItemPage & ArchiveOrItemPage

In the Blogger archives by title article we can read Note that the same code is in there twice, once for the main page and once for the item page. It's a little bit inefficient, but necessary since there isn't a conditional tag that will let you specify "main OR item page". I've bumped into this problem a few times so I've developed my own conditional tag set. For example:

<span <MainPage> style="display:none"</MainPage> >


This will render the content invisible on the MainPage of the blog. But things get even more exotic when you create a conditional tag based on a post's condition. (post conditions even sound better as blog conditions). For example:


<span <BlogItemURL> style="display:none"</BlogItemURL> >


This will make a part of a post area invisible if the post has no link assigned. We can also turn the backlinks and the comments on/off per-post. In short it makes the bloggertags do the opposite of their normal function. full page »

permalink

Comments and adsense

If you use addsense and you don't mind spammers posting comments on your blog you can wrap this html>

<!-- google_ad_section_start(weight=ignore) -->

content goes here

<!-- google_ad_section_end-->

around your template comments (or any other content).

If only we had this for google. :)

from forum > johnhood full page »

permalink

egold comments

I never liked having to make an acount to be able to post a comment. Writing things anonimously has it's charms advertising a bit is ok to but spam comments are just to much. Now I imagine blog comments could cost money :0) So I've adapted this egold form»
<form action="https://www.e-gold.com/sci_asp/payments.asp" method="POST">
<input type="hidden" name="PAYEE_ACCOUNT" value="2928023">
<input type="hidden" name="PAYEE_NAME" value="Gaby de Wilde">
<input type="hidden" name="PAYMENT_AMOUNT" value="0.01">
<input type="hidden" name="PAYMENT_UNITS" value="1">
<input type="hidden" name="PAYMENT_METAL_ID" size=1 value=1>
<input type="hidden" name="STATUS_URL" value="mailto:gdewilde@gmail.com">
<input type="hidden" name="NOPAYMENT_URL" value="<$BlogURL$>">
<input type="hidden" name="NOPAYMENT_URL_METHOD" value="LINK">
<input type="hidden" name="PAYMENT_URL" value="http://www.blogger.com/comment.g?blogID=<$BlogID$>&postID=<$BlogItemNumber$>">
<input type="hidden" name="PAYMENT_URL_METHOD" value="LINK">
<input type="hidden" name="BAGGAGE_FIELDS" value="">
<input type="hidden" name="CUSTOMERID" value="0">
<input type="hidden" name="PRODUCTNAME" value="0">
<input type="submit" name="PAYMENT_METHOD" value="Post a comment">
</form>
a bit for the comments. It would make a nice addon for some blogs, I've thought about it a bit and swaping comments for a few cents could be much like banners. It makes a good excuse to moderate new comments and allows strange content to live in new places. hehehe

Here, I've made an example blog.

Very nice idea, though I do not think it has a high chance of success, if for the sole reason of needing to register/create account and give away payment details for commenting. Even if you build a central system for all blogs to use, I doubt people will want to do it. Only a very small percentage of ultra-popular blogs will benefit from it.-
murok > Bloggerforum

Yes, I guess this is mainly to get the egold breed into our blogs. The "already user". They may have some interesting things to post in stead of our normal spam diet. After that we will trick them into reading eachothers blog while we run of with the monney. Smart thinking huh? full page »

permalink

Cross page data transfer

I didn't build it into the categories template but I think I've found something better as cookies or long strings of hashes "#" or "?" search strings, appended to an url. The cookies just s*ck but the #$%#$@@#% url is even worse and it's waisting what little pagerank you had left. So, I plan to use the target attribute now, any browser can load a link into it's appropriate target then some javascript can read it. The linking window could rename itself before loading the page into that target(itself).expand>

I figure it's funny that I don't know if this is really, really old "already done" stuff or extraordinarily creative. I do know that I need to play with it a bit, you may earn the millions. :-) I figure the trick is that a referral program running this link will obtain some great pagerank as it has real links pointing at it. The normal way defeats the whole point of doing a referral advertising campaign LOL! ?ref=1 ?ref=2 ?ref=3 all of those separate-pages are all the same while using a target would spawn an equally mad positive result, any search engine optimisation artist could confirm it.
full page »

permalink

How to set up a google group for your blog

You basically have 3 options, you can send your new posts, the comments on your blog or both to your google group. All this true the power of email notification. It's easy to set up from the dashboard. Then you grab the promotion box html and stuff it above the <Blogger> tag in the template. Like here» and your done! Here is one I've made earlier. As you can see I do not advertise it anymore but comments keep forwarding to it.

If you don't want all of the spam you can set the group to be announcement only but need to forward the post/comment true gmail. That way it's your message, make up a sensible rule for the filter cuz I don't want to find your passwords forwarded onto your group. ^_^

The point of having it is that it doesn't take any effort and allows your guests to misbehave as if they are at home. :-) full page »

permalink

How to add banner code to your post

IF you want to add banner code to your blog for copy and past perpose you have 2 options. You can either use the <textarea> tag like this »



The other way is by replacing the arrows of the html with some code. Use &lt; for an arrow to the left "<" and &gt; for an arrow to the right ">". The result looks like this »

<a href="http://cashmaking.blogspot.com/#header">
<img src="http://img.photobucket.com/albums/v338/Enkhuizen/cashmaking-blogspot.jpg" width="468" height="60">

. An example here »

and one here »

<textarea><a href="http://cashmaking.blogspot.com/#header"><img src="http://img.photobucket.com/albums/v338/Enkhuizen/cashmaking-blogspot.jpg" width="468" height="60"></a></textarea>

You can see that Blogger makes a mess from the textarea by inserting line breaks. You can turn them off (and mess up your old posts) or use the second method. Note that both can do bad things to your site feed. Posting the html in a related forum (and adding a link) is probably better for your site. full page »

permalink

New ideas

I'm not working as hard as I could here. A lot of other peeps made category scripts. I'm sure they can figure it out for you but I must hammer a bit on the boring factor of the web of today. It was never cheap like this. Even hosting a text document use to cost enough money to actually put some content in it (unlike this post). We think far to easy of content. Sure this post is astonishing etc but it doesn't hold a big percentage of all information. You are reading something random made with little effort.

This is why I think good scripting is important, I'm not a good scripter, I have to little know how. I'm more an interface designer who knows what can be done true javascript, it's not a fancy language but I've always kept an eye on it as it's so wildly supported. It's easier as the 6502 assembly language I was used to.

How can those scripts help sorting or add to our contents structure?

A funny example would be advertising and referral marketing on the page. This could make some blogs better if the blogger needs food to live. Given this food could create the time for him to blog more.

But I was looking for a script that can enhance the content on the spot. Better reading without extra effort. The new ideas will be posted some day I just need to imagine some really cool one's. ^_^

be patent please my dear readers I hope to contine this month. full page »

permalink

miss replaced my p4p800 e de luxe with a p4p800x in order to not-fix it

I'm sorry I didn't update much, I'm struggling with some hardware problems. Did you know this whole blog was made on a p2 using win 98? My more modern computer only takes modern amounts of money to not fix, I mean I've replaced just about everything now. :( The CPU the mobo the adapter the keyboard the mouse the disks the memory. And since my friends don't have a clue what computers are I cant swap any hardware. I had to buy what ever appeared broken. The mother-board looked OK, replacing the CPU didn't fix it so the board probably fried the new one. Or my videocard is broken.

It's even more funny as this as I'm trying some paid to surf programs. And this 98 machine isn't cooperating much to understate it a bit. Still not all is lost, making scripts that work on this ancient box should mean they work perfectly smooth on your kick ass modern computer as well. I'm so jealous now! lol full page »

permalink

mouseover banneradvertising

If you want banners that change if the mouse is moved off them add this javascript» to the head of your template (above the <style type="text/ccs"> tag)

<script style="text/javscript">
function rotate_banner(locator)
{
var pick=Math.round(1+((Math.random()*7)-0.5));
var banner=new Array(8)
banner[0]="<a href=\"http://cashmaking.blogspot.com/\"><img style=\" width: 468;\" src=\"http://img.photobucket.com/albums/v338/Enkhuizen/cashmaking-blogspot.jpg\" alt=\"Image hosted by Photobucket.com\"></a>";
banner[1]="<a href=\"http://gaby.wordpress.com/2005/10/31/freelance-your-blog-skills/\"><img src=\"http://img.photobucket.com/albums/v338/Enkhuizen/freelance_your_blog_skills.jpg\" title=\"freelance your blog\" alt=\"Image hosted by Photobucket.com\"></a>";
banner[2]="<A HREF=\"http://cooltext.com\" ><IMG SRC=\"http://cooltext.com/images/ctbanner1.gif\" WIDTH=\"468\" HEIGHT=\"60\" ALT=\"Logo and Graphics Generator\" BORDER=\"0\" ></A>";
banner[3]="<A HREF=\"http://cooltext.com\" ><IMG SRC=\"http://cooltext.com/images/ctbanner3.gif\" WIDTH=\"468\" HEIGHT=\"60\" ALT=\"Logo and Graphics Generator\" BORDER=\"0\" ></A>";
banner[4]="<a href=\"http://imageshack.us/\" ><img border=\"0\" src=\"http://imageshack.us/img/imageshackbanner.gif\" width=\"468\" height=\"60\" alt=\"\" /></a>";
banner[5]="<a href=\"http://www.photobucket.com/\" ><img border=\"0\" src=\"http://pic.photobucket.com/banners/banner4_468x60.jpg\" width=\"468\" height=\"60\" alt=\"\" /></a>";
banner[6]="<a href=\"http://www.freeautosurf.com/?ref=1851\" ><img src=\"http://www.freeautosurf.com/banners/ban4.gif\" border=0 width=\"468\" height=\"60\"></a>";
banner[7]="<a href=\"http://www.freeautosurf.com/?ref=1851\"><img src=\"http://www.freeautosurf.com/banners/ban7.gif\" border=0 width=\"468\" height=\"60\"></a>";
document.getElementById(locator).innerHTML = banner[pick];
}

</SCRIPT>

And this span» where you want the banners to appear.

<span onmouseout="rotate_banner('b1')" id="b1">
<a href="http://gaby.wordpress.com/2005/10/31/freelance-your-blog-skills/"><img src="http://img.photobucket.com/albums/v338/Enkhuizen/freelance_your_blog_skills.jpg" title="freelance your blog" alt="Image hosted by Photobucket.com"></a>
</span>


Then you replace the images and the links and change the numbers a bit. The array is 8 (0,1,2...t/m 7) so if you add a line you need to change the 8.


var banner=new Array(8)

AND change the random number.

var pick=Math.round(1+((Math.random()*7)-0.5));

Then it should (ofcourse) have a new number.

banner[7]="<a href=\"http://www.freeautosurf.com/?ref=1851\"><img src=\"http://www.freeautosurf.com/banners/ban7.gif\" border=0 width=\"468\" height=\"60\"></a>";
full page »

permalink

It's 0 commentS 1 comment and 2 commentS

I know how bad bad grammar looks, people who cant ignore it cant ignore it.

So, I've created a much shorter version, behold! The CSS»»

1comments: {display:none; }

Then we simply change thelink text».

<$BlogItemCommentCount$>commment<span class="<$BlogItemCommentCount$>comments">s</span>

The style "display none" is now applied to the letter "s" if the class is "1comments" obviously class "2comments" or "0comments" won't have any style. The class now depends on the number of comments. full page »

permalink

Image preloader

Some blogs look their best if each page has 1 posting. 11 posts per page can be a bit to much. I open the page then view the images now I've noticed the pc is doing nothing while I'm viewing the page. First it makes me wait then it does nothing! In order to make better use of time I wrote a script making each page preloads the images of previous postings (after the page itself is loaded).

This javascript » goes in the head of the document. (above the </head> tag)

<ItemPage>
<script type="text/Javascript">
function preimg ()
{
var rawhtml = document.getElementById('buffer').innerHTML
for (var x = 1; x <= 10; x++)
{
cutoff = rawhtml.indexOf('<img')
rawhtml = rawhtml.slice(cutoff)
cutoff = rawhtml.indexOf('\"http')
rawhtml = rawhtml.slice(cutoff)
rawhtml = rawhtml.slice(1)
cutout = rawhtml.indexOf('\"')
imgurl = rawhtml.slice(0,cutout)
imageObj = new Image();
imageObj.src = imgurl
}
}
</script>
</ItemPage>

And this HTML » goes all the way at the end of the template, just above the </body> tag.

<ItemPage>
<div id="buffer">
<BloggerPreviousItems>
<!-- <$BlogItemBody$> -->
</BloggerPreviousItems>
</div>

<script type="text/javascript"> preimg('buffer')</script>
</ItemPage>

It should work, if you have any problems let me know! Here is a demo.

Good luck, please link to yourself in the comment if you are using this script. You deserve some traffic for your hard work. ^_^ full page »

permalink

Spam blogs don't work?

As an accidental feature of this template I can make posts without titles that don't appear in the menu on the blog. Their content only shows up below the posts on the post pages and the rss feed. So I thought it was a good spot for a little advertisement.

I intend to create a nice set of scripts for you but it makes me sad how fast unsubscriptions go. Maybe there is a lesion in this. Maybe a blog should stay with it's subject. LOL

Thanks for your time,

- Gaby de Wilde full page »

permalink

Images in blogspot comments

A handy script to allow comments with images using the BBS code [img] [/img]. The script repaces the tags with html after "display images" gets clicked. This part goes in the head of the template. »»


<script type="text/Javascript">

function commenthtml(string)
{
normaltitle = document.getElementById(string).innerHTML;

fattitle = "";
yy = normaltitle.length;
yy = yy+5
for( var xx = 0; xx < yy; xx++ )
{
nextone = normaltitle.slice(0,1)
normaltitle = normaltitle.slice(1)
if ( nextone=="[") {
if (normaltitle.indexOf("img]")=="0") {
if (normaltitle.indexOf("[/img]")!="-1") {
find=normaltitle.indexOf("[/img]");
doinsert = normaltitle.slice(0,find);
normaltitle = normaltitle.slice(find);
normaltitle = normaltitle.slice(6);
if (doinsert.indexOf("\"")=="-1") {
nextone="image";doinsert = doinsert.slice(4); doinsert = "<img src=\""+doinsert+"\">";
}}}
};

if (nextone=="image"){nextone=doinsert}
fattitle = fattitle.concat(nextone);
}
document.getElementById(string).innerHTML = fattitle;
}

</script>

And this goes in the post (where you want the link to appear). »»

<a href="#" onclick="commenthtml('topc<$BlogItemNumber$>');return false;">display images</a><br>

Now put a div with id around the comments »»

<div id="topc<$BlogItemNumber$>">

Thats all! [img] Tags found in the div will be replaced with real images and your friends can add images to their comments. Use this post to "test comment" if you want. full page »

permalink

Yahoo! 360° Blog this for blogger blogs

I was searching for "Blog This" and found a nice yahoo script for making delicious links as well as blog and email the article above it. It took me a whole minute to adapt it to Blogger and it worked off the shelve. :) full page »

permalink

Blogger Forum - Blogging help, tips, Blogger support, and blog forum

Some prblems at my favorit forum.(bloggerforum.com). Blogger was already a bit upset but now it's the services around it that get nuked.

Do you have any idea what is happening or why it is? full page »

permalink

HTML Basics - Google Video

click to expand


The new google video "put on site". Here is a link to the full view. I'm a bit disapointed, it's not a verry good size to see the film but it doesn't have a link to the google video page. It's pretty strange! It probably needs more playing with. Now what should we vlog about?

The link back to google video is here and the "put on site" is now called "embed" (makes sense) Now only the link to the full size view is missing. full page »

permalink

Import yahoo contacts into Gmail

Gmail: Help Center - How do I import contacts? : "You can import address books from Outlook, Hotmail, Yahoo!, orkut, and other services into your Gmail account. Importing your contacts isn't difficult, but it does take a few steps." full page »

permalink

Breaking the blog

This isn't a hack, it's more of a warning. I've created to much links on the front-page of this blog and triggered the word Verification. I now have to type bizarre shaped text for the rest of the blogs life and are removed from the listings. So, don't over link your blog - it's bad for the blog.

The cause of all this in my case? Returning visitors have probably seen a drastically decrease in features and an equally huge speed improvement. I gave the older posts a title and the new post got their short content printed out. Then I tried to make all the links search engine friendly and ended up with to much of em. The new idea is that it will still load in a flash only this time it will display the post content AND allow more as 500 posts. Then it will print out a selection of the links with a script. As a "maybe" I will try to use a cookie to print out the menu on all sub pages and another "maybe" some ajax to zap the rest of the post content into place. I've never used cookies or the so called ajax trick so this will be an interesting journey for me. My scriptkid skills are developing rapidly but I play a bit to much. Lets hope I get the work done. :) full page »

permalink

Blogsearch rss better as Google?

How to keep track of everything! I'm grabbing the blogsearch rss feeds of exotic searches like inpostauthor:"gaby de wilde" that generates an rss with 100 posts! Then my Opera browser saves the feed items. An rss reader can be set to stalk you as the NEW article happens. So, you're not reading old crap all of the time. :) You can also exclude the post area from your search. Try change my name into yours, and grab your rss at the end of the page. Then stuff it into feedburner and buzzboost it on your blog sidebar. full page »

permalink

Just stop bookmarking - get those Google alerts

I had my gmail full of spam then tested the search and found 10 times the results as on the web. I guess sending newsletter spam is not for armatures, it's easy to hit unsubscribe and they stop existing. An unread-spam archive is a kind-of filtered-out quality-content around subjects subscribed to by accident. You can actually build your own little Internet on that gmail account. Removing things isn't so easy in gmail but adding em is sure easy.

I use google alerts, it's a Killer feature. It sends an email about pages that moved up in the index under "your favorite search word". You won't have to search all the time, they send a digest of the greatest movers for the keyword combo you key in.

If you're worried, my Gmail for nerds posting will help you keep your inbox clean. It's better as anything else.

Trust me, it's big fun having 10 times the emails you could ever read jet are all interesting enough. Do you really care if my blog is in your gmail? It's just like saving the thing to disk only now it's fast, searchable, indexed AND pre-labeled as "remotely interesting". Then there always is a link to a homepage to find more content on the subjects. full page »

permalink

Categories for Blogger - The winning solution [blogger hacks]

"What nice Categories Gaby! Nice template to! But I already have a template and I've added piles of advertisement to it, it didn't earn me a cent but nevertheless cost huge amounds of time to "customize" it therefor I am not willing to waist by implementing your beutiful creatation"

ohh, no! but... but...

So you guys only want the few lines huh? And no credit for me again? What a crule world... I can only hope you add a link back after you've reposted this briliant implementation on the millions of blogs you guys run. Bah, I've probably waisted any chance for one already. I'm sure this already is the most horible tutorial you've ever had the pleasure of consuming. Lets get deeper into it shal we?....It's good to know that you agree. Just remember you can grab the template as soon as it's finished. :)

First you are going to add an icon to the blog, you can use mine if you're lazy but having non isn't much. The line below goes right above the <style type="text/css"> thingy.»»


<link rel="shortcut icon" href="http://my.opera.com/gabydewilde/homes/blog/iconB.ico" type="image/x-icon" />

First of all my logo is really nice and the URL also advocates "Opera", "my.opera", "my Opera blog" and "the Opera blog service". So maybe you should do the lazy thing and leave it up. As long as you understand that no-icon is unprofesional and amaturish.

Now for the real stuff. As you wanted the short version I've chosen to offer the extra short one.»»


This bit goes in the head of the document »»


<script type="text/javascript">
function category (gdw) {
<Blogger> <BlogItemTitle>
var box="post<$BlogItemNumber$>"
var pst = document.getElementById(box);
if (gdw=="" || gdw=="<$BlogItemURL$>" || gdw=="?<$BlogItemURL$>") { pst.className="see"; }
else { pst.className="hide"; }
</BlogItemTitle></Blogger>}

function clink (box) {
var pst = document.getElementById(box);
pst.className="see";
}
</script>

<style type="text/css">
.hide {display:none} .see {display:inline}
</style>

Then we put this right under the <Blogger> tag »»


<div <MainOrArchivePage>class="hide"</MainOrArchivePage> id="post<$BlogItemNumber$>">

. To close this div we add </div> just before the </Blogger> tag. (This is the div we will hide and show.) In the post-title we replace the BlogItemURL with BlogItemPermalinkURL and remove the ItemPage tags around the link making it look like this:»»


<h3 class="post-title"><a href="<$BlogItemPermalinkUrl$>"><$BlogItemTitle$></a></h3>

Now we (can) put ItemPage tags around the BlogItemBody »»


<ItemPage><$BlogItemBody$></ItemPage>

(You can also put ItemPage tags around the post-footer) After all that, put this below the </Blogger> tag »»


<MainOrArchivePage>
<script type="text/javascript">
var requested=location.search
category(requested)
</script>
</MainOrArchivePage>

Then we need this part to make the links in the sidebar:»» All left to do now is editing your posts and type a category in the link box as described in the template instructions.

I've tested copy and pasting above and it worked. I've also tried to improve the script and the wording a bit. Hope you can figure it out.

Do drop me a line as I would love to link to a result. :) full page »

permalink

FeedBlitz email subscription

At the end of this page you see a FeedBlitz subscription box that will email my o so interesting writings to you. It was very easy to set up from the Feedburner dashboard, just a few clicks...

Mary: I've just set it up and it was very easy! I need to play with the fonts, though -- they're kinda big compared to the rest of my sidebar....

I've added this bit to the CSS »»

#poweredByFeedBlitz { font-size:69%;text-decoration:none; } #poweredByFeedBlitz a { font-size:83%;text-decoration:underline; }

Just put it in the head of the document some place under the <style type="text/css"> tag will work. Of course the % can be changed to your liking. full page »

permalink

Talking the template

It's not good for the blog to add a few 100 links to a post, but I like having little piles of interesting links around the subject I'm reading about. This template is really great at this, the full post isn't available on the front page preventing googlebot from going more insane as he already is. full page »

permalink

how does each post know what category it is

Urbanhumor.com wrote: "yeah - how'd you do it - javascript to interpret the URL and decide whether to show each post? the question I have is - how does each post know what category it is."

I've used the <$BlogItemURL$> as described in the instructions for the categories template. You may want to know that I'm working at multiple subcategories, even tho this may work differently, this implementation will be the main category. I'm also working to make better use of the categories on the archive and item pages. I will try to create more posts about it. full page »

permalink

Wishes, Bugs & feature requests

Things for the future version of the Categories template.

- Uncategorised posts don't have a category.
I didn't fix this properly jet. It's A bit nasty when the template is first applied.

- Code needs more cleaning up.
I've rewritten the whole thing a few dozen times, but I bet it still can be better.

- The main page doesn't show a "link to this posts" trackback link.

-some font abnormality with the post-a-comment link. full page »

permalink

Selective next post link

In 11 posts per post page I explain how Blogger's BlogpreviousItems tag behaves just like the Blogger tag. To add an extra trick to Blogger NEXT post links [move to older post] you can put <BlogItemTitle> tags around the links inside the previous post post, like shown here»

<span style="spacing:15px"><BloggerPreviousItems><BlogItemTitle><a href="<$BlogItemPermalinkURL$>" title="<$BlogItemTitle$>">Next page »</a></span><span class="commenthidden"></BlogItemTitle></BloggerPreviousItems></span>

Or the normal previous post menu (what you want) the result will be the exclusion of posts that don't have a title. The content of that chunk of text has it's own page but it's not linked jet does show up under (10) newer posts. This fixes the bug in the new read more link with the second part of the post having it's own page, the text having it's own page isn't a problem as long as it doesn't show up in the menu it's great! full page »

permalink

11 posts per post page

Not that any of my readers asked me how I put 11 posts on each blogspot-post-page but I've decided for-you you maybe want to know how I've done all this. The trick goes as follows first copy everything inside the <Blogger> tags and past it right under it, then put <BloggerPreviousItems> tags around it (in stead of <Blogger> tags) now use <ItemPage> tags to have the 10 previous posts only show up on the item page. Then read my other posts about tricks with this. :) full page »

permalink

Living machines

The matrix wasn't that far off, Artificial intelligence will end and start things. People who want to argue it doesn't exist are terribly wrong. We already are dominated by machines and we have them to thank for it. Do we want to be dominated by dumb machines or is it safe to make em smart? How smart is it to turn our back on it and pretend it doesn't exist? »»Perfect user interfaces can be much like human interaction. Some humans also do a bad job, it still cant lead to the conclusion mankind is dumb. It's just like the millions of dumb computers we made, it doesn't say anything bad about what we can do. All it says is that we can make millions of em the moment artilects set foot on this earth. (if they have a foot). As the title of this blog may describe I intent to create some human / machine interaction. This blog is my online representative, it can communicate with thousands. Something I can-not. It may be poor communication with limited interaction it's still way more as I could ever begin to communicate in person, it would take some massive traveling.

Artificial intelligence is much alive today, we are just a bit arrogant towards it. I don't think a person can do a better as a website. A website never looks for me, it has me looking for it. We interacted and it makes me happy. If any person can get me to look for their product, find it, consume it, and like it. The person is a genius! Why would it be any different for an artilect? There are hundreds of thousands of websites better at interaction as I could ever be.
full page »

permalink

DHL over DSL

I use to write application in assembly for C= 64 and swap files by post, about 18 years ago.

How fast would the post be today? How many GB of cheap DVD can go in 10 Kg? 100 years of T1 LAN vs 2 days DHL? The internet replaced something that was much faster?>>>


We use to have daisy-chained-drives that had their own CPU so you could connect an unlimited number.

Crunching applications so small was a bit like images today. Can just improve size by hand if you really want to. The supper cruncher took days to finish and was just as efficient as the zip of today. With a bit of handwork you could have almost nothing left. :) I dare say file size can always be improved in the infinite so nothing impressive happened on the crunch front. We didn't get close to cosmetic compression, WYSIWYG even makes more horrible code as a human. Then I hear stuff like "if I compile this stone age app and simulate this platform under that one, add library "this" and library "that" then I can run it on a modern PC! I am a genius!", but... I thought we wanted to run more as one application? I just know that ain't going to happen if we need a whole holodeck environment for each. A text editor or a chat client can be 3kb making it impossible to take any resources.

1 is buffer 1 changed?
2 if so replace screen content x/y - x/y
3 is text box active?
4 write text typed to buffer 2
5 send new buffer 2

Lets hard-code those few lines and burn them on a ROM? WTF do I need a changeable chat client for? Thats the only way it could break! By changing the code.

6510 assembly is 1000 times more powerful as xhtml. Not standard incompilant buggy marqueees or nasty buggy javascripts. One could read out the location of the screen build up before replacing part of it's content. Today we just replace is as often as we can ROFL! say half way build up is ok. lol

The most hilarious is that sprites on c 64 had wAAAAAY more options and features as the GIF of today could dream of. I mean I use to think that a 16 color sprite on a 16 color pc is reasonable. In the end of the c64 period they hacked a few thousand colors in em. Then our GIF's of today have 0.3 promile of the available colors. They don't change variables if a color of the sprite collides with another sprite or char.

Most of the graphics where done with char sets, the char sets of the web are a horribly low fixed number that come in a single color. On commodore 64 one could change a single char or replace the whole set as easy as you can change the css today.

It was immortally safe cuz it had ROM. One can't write on a read only medium. Today it's like having a credit-card with your name on a little chalkboard.
full page »

permalink

Categories

Ok, I've consulted myself on the title for this template and I think "Categories" is a good name. I figure this would make things even less complicated to remember with a domain like http://categories.blogspot.com full page »

permalink

The ultimate Blogger secret

Blogger had some trick build into it, one day some guy would find it and it's total content would grown by 1000% This guy is me and you obviously want to know what it is. YES!


It's <BloggerPreviousItems> !!!!

It behaves EXACTLY like the normal <Blogger> tags! Blogger tags you "normally" put inside <Blogger></Blogger> can also go in <BloggerPreviousItems></BloggerPreviousItems> Here I have 11 posts on each post page for example. But anything else works to, you can show the comments on previous posts in full text or just the number. Then can rotate random comments with a script for example. But to make real use of it you need another good trick that should have a post of it's own. *gg* I'm sure you can wait until next year. :)


full page »

permalink

I blog, you comment, I reply & you say nothing!! AHHHH!!!

Why reply to comments if no one reads the reply? It can be hard enough to read and reply to all the replies in your own blog(s) but keeping track of comments posted else were is kind of much to hard the way it is. I do have an atom feed for this blog but that wont help me track anything I've posted else were. I'm actually saying things while ignoring the replies. lol, How rude. Up to now I've used google to find "gaby de wilde said.." but that's not close to useful enough. So I've signed up for Watch that page and put their "add to.." bookmarklet on my bookmarks toolbar. I now click the bookmarklet after posting and all future comments & page updates are emailed to me on a dailey basis in a single email. FORE FREE It sounds to good to be true doesn't it? full page »

permalink

A new "read more" link

I've already implemented this>> fantastic and astonishing way to cut down the visual size of a post but it's far from elegant for large chunks of text. To acomplish this I've put the second part of the post in a new post, the body of post's withouth title is hidden on the mainpage with the conditional <BlogItemTitle> tag that hides anything inside if the post has no title. full page »

permalink

Changing the categories - "this document is best viewed printed on paper far away from electrical devices.

Of course, for a human visitor we can sort posts around fewer topics and of course that would be better. For the search results this does horrible things in the long run, mostly because the way I've hacked the category into the URL is making it waaay to easy for search engines to know what the page is about. full page »

permalink

Cut down the javascript

Rewriting the template (again) as I think it can be a lot smaller. I want to avoid making the page to bloated but I really want all the posts (hidden) on the front page up to about 300 posts. For the javascript this means I should be using one array with all the post data and some small loop functions. Each post has more as one variable each at the moment. Thats not acceptable with 400 postings. I've found a great way to decrease the page size dramatically. full page »

permalink

Singapore Web Hosting Blog - Google Analytics and Google SEO

Singapore Web Hosting Blog - Google Analytics and Google SEO: "google launched google analytics a while ago, now new account signup is suspended due to high demand. it’s a web site traffic analysis service, free of charge, known as Urchin before it’s bought by google. Urchin had been popular, useful traffic tracking and analyzing software for long time, but rather expensive if i recall correctly. now google bought over urchin and make it free to all webmasters." full page »

permalink

a different CSS for each post

I figure the style of a page could be affected by the name of the author the date and the subject of the blog posts. The subject makes the most sense to me so I've named a div around each post by subject.html >>

<div class="background-<$BlogItemUrl$>"> <div class="post">

Now, adding a bit of css to the template writes out the posts in the style of the topic. css >>

div .background-blogger_scripts { background:#F5EDE3; padding:15px; }

.background-blogger_scripts .post-title { color:#ee5500; background:#fff; border-top: 4px solid #E1D4C0; border-bottom: 0px solid #E1D4C0; border-left: 4px solid #E1D4C0; border-right: 4px solid #E1D4C0; padding:15px;}

.background-blogger_scripts .post-body { background:#fff; border-top: 0px solid #E1D4C0; border-bottom: 4px solid #E1D4C0; border-left: 4px solid #E1D4C0; border-right: 4px solid #E1D4C0; padding:15px;}

.background-blogger_scripts .post-footer { background:#fff; border-top: 4px solid #E1D4C0; border-bottom: 4px solid #E1D4C0; border-left: 4px solid #E1D4C0; border-right: 4px solid #E1D4C0; padding:15px;}

You are looking at the result right here. That is unless you use IE witch I refuse to spend time on for now, just get a better browser. ^_^ full page »

permalink

Notify Blogger about objectionable content. What does this mean? Blogger · Get your own blog · Flag Blog · Next blog · BlogThis!

Notify Blogger about objectionable content you find. What does this mean? Blogger? First say "Get your own blog" then.. · Flag Blog · Next blog · BlogThis! and then it's all objectional. Just do a search for "objectionable content" and you find nothing but blogspot!

For meta information, a page title and feedburner-feed detection I've mixed some html with blogger tags.HTML >>>


<!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>

<ItemPage>
<title><blogger><$BlogItemTitle$></Blogger></title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="generator" content="Blogger" />
<meta name="description" content="<blogger><$BlogItemTitle$></Blogger> - <$BlogPageTitle$>" />
<meta name="keywords" content="<Blogger><$BlogItemURL$>, <$BlogItemTitle$>, <$BlogPageTitle$></Blogger>
" />

<link rel="alternate" type="application/rss+xml" title="<$BlogTitle$>" href="http://feeds.feedburner.com/categories" />
<link rel="service.post" type="application/atom+xml" title="<$BlogTitle$>" href="https://www.blogger.com/atom/<$BlogID$>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=<$BlogID$>" />
<style type="text/css">
@import url("http://www.blogger.com/css/blog_controls.css");
@import url("http://www.blogger.com/dyn-css/authorization.css?blogID=<$BlogID$>");
</style>
<script type="text/javascript" src="http://www.blogger.com/js/backlink.js"></script>
<script type="text/javascript" src="http://www.blogger.com/js/backlink_control.js"></script>
<script type="text/javascript">var BL_backlinkURL = "http://www.blogger.com/dyn-js/backlink_count.js";var BL_blogId = "<$BlogID$>";</script>

</ItemPage>

<MainOrArchivePage>
<title><$BlogPageTitle$></title>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="MSSmartTagsPreventParsing" content="true" />
<meta name="generator" content="Blogger" />
<meta name="description" content="<$BlogDescription$>">
<meta name="keywords" content="nick <$BlogOwnerNickname$>, <$BlogOwnerFirstName$>, <$BlogOwnerLastName$>, <$BlogOwnerFullName$>, <$BlogOwnerEmail$>, <$BlogOwnerLocation$>, categories" />


<link rel="alternate" type="application/rss+xml" title="<$BlogTitle$>" href="http://feeds.feedburner.com/categories" />
<link rel="service.post" type="application/atom+xml" title="<$BlogTitle$>" href="https://www.blogger.com/atom/<$BlogID$>" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=<$BlogID$>" />
<style type="text/css">
@import url("http://www.blogger.com/css/blog_controls.css");
@import url("http://www.blogger.com/dyn-css/authorization.css?blogID=<$BlogID$>");
</style>
<script type="text/javascript" src="http://www.blogger.com/js/backlink.js"></script>
<script type="text/javascript" src="http://www.blogger.com/js/backlink_control.js"></script>
<script type="text/javascript">var BL_backlinkURL = "http://www.blogger.com/dyn-js/backlink_count.js";var BL_blogId = "<$BlogID$>";</script>

</MainOrArchivePage>


To implement it, replace the parth with the <title> and the<$BlogMetaData$> tag in your template with the code.(only the part that is not grey) Replace the feedburner feed where it's marked orange.. The parts marked in red print out the meta info but you can add your own keywords where it says: <meta name="keywords" content=" just type em at the front of the row seperated with comma's (don't over do it) Remeber, we create different data for the <ItemPage> so you need to type everything 2 times. Happy indexing. :) full page »

permalink

Search Engine Optimization Page Factors: Optimizing Meta Tags | LevelTen KnowledgeBase

Search Engine Optimization Page Factors: Optimizing Meta Tags | LevelTen KnowledgeBase: "There are two important meta tags that you should include in between your site page head tags; the description and keyword meta tags. Meta means information about the page. The text in these tags is not typically displayed in a browser. The purpose of a meta tag is to tell search engines what the page is about."

I've made something with Blogger tags for each Blogger-blog-page meta tag description, page-title and offering a feedburner rss feed in stead of the Blogger atom. full page »

permalink

Warp speed browsing by subject

The categories (on the main page) now work with onclick but can also be opened as links (good for non script browsers and google-bot). Each post has it's own CSS matching the topic. This should make it easier to spot posts about the same subject. (The style sheets I've made so far are a bit ugly but the concept works. My excuse is that I don't know what categories you will create). I've made the templates post-pages display various posts, now there is no-need to click next 10 times. full page »

permalink

Finding readers

Blogging can be a lonely activity, finding readers can be hard. It's strange but I imagine we get to Pick our own readers. A few blog searches should turn up enough blogs like mine. I can make a comment on something related and subscribe to a blog in many ways.
Testing an rss reader I always look for "single click" to add a blog, I need the reader to sort the stuff by date and time like an enail inbox, then last but not least it needs to notify me as new posts happen. As a non-feature it should not hog bandwidth. Ideal would be if it could read thousands of feeds instantly get pinged and had ways to share/vote etc etc. Much to much to ask from normal software.

So I plan on looking at the blogsearch rss feeds and feeds like this rss I've already found this, I haven't got a clue how that works so I need to test it and shall update the post later. :) Here is an atom for the blog. (not sure) :) Now that this post has become a backlink, I don't have to leave a comment to say his discovery is astonishing. :-) hehehe full page »

permalink

blogspot NEXT post links [move to older post]

Tricks, tips, tutorials, pictures and words: "I've been searching that...Next button, teh Blogger help one is the <previous post> or something. Looked at your code but didn't understand." ycc2106
I've tried to describe what it does step by step here >>>

- here a span starts

<span>

- This is where Blogger starts to write out the previous posts:

<BloggerPreviousItems>

- This is the url of the previous post, only I've moved it's content into the title tag:

<a href="<$BlogItemPermalinkURL$>" title="<$BlogPreviousItemTitle$>">

- This is the replaced link content that writes out the " NEXT >>"

Next page &gt; &gt;

- This will close the link:

</a>

- This will close the span:

</span>

- Now we open a new span only we give it a class name commenthidden our css will hide the content of this span:

<span class="commenthidden">

- Here the previous posts do-not end, Blogger starts back where the tag is opened and continues to do so until 10 links are written out. They all say next>> but those that come after the first are all hidden:

</BloggerPreviousItems>

- Here we close the last span:

</span>

This line goes in the css:CSS >>>

.commenthidden {display:none}

This goes where your link should appear, it can only go outside the <Blogger> tags:HTML >>>

<span><BloggerPreviousItems><a href="<$BlogItemPermalinkURL$>" title="<$BlogPreviousItemTitle$>">Next page > ></a></span><span class="commenthidden"></BloggerPreviousItems></span>

Note: this version uses the title inside the link. Mouse-over can show the title of the post (if configured) Search engines should be able to figure out the title of the link. Just "next>>" doesn't sound as good for a reference. At least not to me. :) Of course you can use &raquo; to display this little arrow: » in stead of > or use an image. full page »

permalink

The complex tempate V2

I'm working on the update of the categories template the beta template can be found here I've made this new post in stead of updating the old one because the version isn't final. But I'm sure you already can rip the parts you need from it. :) Like the Comment Notification Cookies. Or my version of conditional "post a comment / X comments" links. I've made em so that they are a bit search-engine-friendly (I hope). full page »

permalink

machine search vs human interface: Adding graphics to categories

After Adding graphics to categories (in the sidebar) the categories template still looked like Wikipedia. So I've added background images to categories. Posts about one and the same subject shall have an image of the same kind, this will bloat the front page a bit but shall allow illustrations to happen much more easily.

In the next update I will decrease the doc size a bit. Anything that helps loading :) I've noticed the Google web-designers only have comments at the top of the doc, not inside the scripts CSS or the HTML body. I like unvalidatable HTML as it it's much smaller, leaving out some slashes line-breaks and quotation marks can sure add up. Any browser can handle it. To bad that MSN search rates pages by validating em. full page »

permalink

HTMLDOC PDF-o-matic - Easy Software Products

HTMLDOC PDF-o-matic - Easy Software Products "PDF-o-matic is a simple PHP script (view source) that uses HTMLDOC to convert the web page of your choice. Enter a URL to be converted to PDF and click on the Create PDF button" How interesting, here is a demo
categories-blogspot.pdf , as a blogspot Blogger one can publish all posts on the front page, republish the page and export as pdf. I think publishing one-one time per month could be nice depending on the blog of course. I like to update posts so I would have to create various versions of the same month, that doesn't sound do-able or logical. A bit sad how the category pages of my template can't be morphed into a pdf doc. boo hoo *overreacts* full page »

permalink

Google hardware, it's coming slowly...

Corporate search technology? The stock holder has google locked down. Search made google big but now they own everything and it's still search, search, search. I figure it's time it started finding stuff. The direction it's moving now (with search as the goal) will end at some point where it's better for google if we don't "find" so that we can "search". >>> The harder it becomes to find something the more adds we view. If they make it twice as efficient it will earn half the cash. But if enough new pages are added the quality will go down and earnings up the same way. That cant be good in the long run?

I think software is over rated, specially web-based. Google could make fantastic hardware. Why isn't the desktop search product hardware? Is google seriously planning to continue to manage everyone's identity with software? why??
full page »

permalink

Gmail for nerds+

I cant stop laughing looking at gmail, what a nerd tool! Dont get the wrong idea I'm trying to imagine they have normal people using it. The real features only show up if you look really hard at the interface for much to long. I imagine most inboxes are full of messages we think nothing much of [spam]. I've only recently found out this foldering things works. It's pretty amusing as I requested the feature my self a really long time ago (no, I didn't invent or make it) anyway a normal gmail adress looks like this gdewilde@gmail.com now one can also send mail to gdewilde+work@gmail.com the person getting the mail wont see the difference. But what the gmail user can do is set up a filter to label it and skip the inbox.>>> Subscribe to a newsletter as username+newsletters@gmail.com set up the filter and... Now they all go in the freeaking folder!! How did I ever use this???? I wonder... was it by looking at endless lists of trash for a really long time? I think it was. To make it even more nerdy they've made it imposible to figure out how the keybord works by looking at the interface. All I know is my reason for learning how it worked was because of how it was messing with my normal key set up. I keep forgeting what they are, it's a senseless set up with a really steep learning curve for the mainstream email user. hehehe I mean, do you know what the "Y" key does? full page »

permalink

Adding graphics to categories

As you may have seen, some of the categories have a little banner image at the top of the sidebar. I've made it so that it writes out the whole link and image in javascript to prevent loading the image when it's not needed. All you have to do is insert this script>>>

<script type="text/javascript">
var txta=location.search
if ((txta=="?Opera") <ItemPage>|| ("Opera"=="<Blogger><$BlogItemURL$></Blogger>")</ItemPage>)
{
document.write("<a href=\"http://my.opera.com/gabydewilde/affiliate/\"><img src=\"http://img.photobucket.com/albums/v338/Enkhuizen/Operabasic.jpg\"></a><br><br>")
}
</script>

where you want the image to appear, it can go where you like. You change the image and the url and type the keyword you want the image to show with in 2 places. One time for the main & archive page, one time for the post page. (so, you can have 2 different images) full page »

permalink

What does the future of hardware have to offer?

I’m looking forward to the multi os, virtual machine chips Intel and amd are about to make for us. I figure even Windows is great for running one application in a locked down environment. Combined with flash mem it will never have to boot again. I’m trying to imagine what new crashes it will make if you don’t reboot windows for a year or so. hahaha, 1 click and you have some old system backup running, it wont be a pain. >>>

Self healing software sounds interesting to, first we had error reports, those got better and more accurate, software learned to read between the lines to avoid errors, we got the option to shut down processes, suggestions where added to the code check (like with validating HTML). Now the real time error report is just as good as a validator but an error is still an error, a combo with the trial and error based artificial intelligence could have tremendous potential. Normally a huge number of users introduces mysterious new bugs. But with a learning and self fixing set up it can literally try out various methods to fix a bug and apply the most acceptable fix to all systems in all future cases of this bug.

full page »

permalink

Google rss, the:"why it is crap" [XML]

What is this Google web chops? I don't know about all this web-biased rss reading. I figure the use of web-based only exists above 500 feeds. Where a normal news reader client stops being responsive, just like an email client. Yahoo takes me to my yahoo after I log in so I've disabled everything just to be able to log in faster. It had no use anyway. No-one could use email without sorting messages by date. Why should I be happy with a news reader that cant show what is new at all? Until that time I should dream about it getting it to notify me? >>>


How could I read news if it doesn't show me when it's new? RSS needs "update notification" just like email it's what it's for, thats why it exists. If I have to check feeds 1 by 1 by hand I'm more comfortable to use a bookmark to go to the site, it takes much less clicks. To ever be able to obtain 500+ subscriptions we really do need to be able to click the rss icon to subscribe. What is this "left click"=view source? The 500 feeds need to be added by hand in order to be cut down into web-chops? How does that help me track the news???

Clicking rss icons in IE or firefox is really awkward, the biggest usability error possible: "trow unformatted source on the screen". It doesn't behave like that with .html or .pdf .mp3, why should it ever behave nonsensical with rss feeds? Why doesn't this bother anyone? The user experience is horrible! Cut the copy and past, drag and drop nonsense and past us normal/standard/desired/expected/usual behaviour on left click? Left click > subscribe. And don't dare asking me if I'm sure. I should be well capable to delete what ever, when ever I like NOT after adding a feed. Never ask me if I'm sure! The question "are you sure you want me to do this" sounds nasty, like the application is about to screw up big time. It's why I disliked managing a google group, deleting 100 spam messages use to mean 100 times "are you sure" with 100 radio buttons to remove a hundred the same messages, bad google! Why can't it understand the really simple syndication? I'm sure it is kidding us. RSS could mean the end of google and it knows it. bah, it's already slowing the web down now that it owns it. hehehe. Bad robot!
full page »

permalink

jsierra.net: Comment Notification Added

jsierra.net's Comment Notification indicates when new comments have been added to a post. Cookies are used save the comment counts for each post. This sure is a nice Blogger hack. I've changed it a bit then implemented it. I've used it for a while and it just works perfectly.

Check out his blog, and/or grab the atom feed for your collection.

The site has been down for some time, here is the post I was talking about.

jsierra.net

Tuesday, October 12, 2004

Comment Notification Added

I've been looking at some of the Blogger Hacks and I became inspired to write one of my own. Someone requested to some sort of notification to indicate when new comments have been added to a post. I wrote some code to modify the Peek-a-boo comments hack to implement this. The new code will create some cookies to save the comment counts for each post. If the comment count has changed since the comment was last expanded, the page will indicate that new comments have been added.

Of course, the first time you load the page after it has been implemented, all comments on the page will be new. Once you expand each of the comments sections, the cookies will be created. The next time you load the page, it will no longer tell you there are new comments (unless there actually are new comments). It works pretty well, so I'm going to send it to the good folks at Blogger to see if they'll publish it. If they do, I'll be sure to post about it. If you're interested about the implementation details, read on.

Just like with peek-a-boo comments, add the following two lines to your stylesheet:

.commenthidden {display:none}
.commentshown {display:inline}

Next, add the following Javascript between the <head></head> tags:

<script type="text/Javascript">
function togglecomments (postid,commentcount) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") {
whichpost.className="commenthidden";
}
else {
whichpost.className="commentshown";
createCommentCookie(postid,commentcount);
}
}

function createCommentCookie(postid,commentcount) {
domain = "<$BlogURL$>";
domain = domain.split("/");
domain = domain[2];
document.cookie = postid + "=" +
commentcount +
"; domain=" + domain +
"; expires=Thu, 01-Jan-40 00:00:01 GMT; ";
}

function getCommentCookie(postid) {
postid += "=";
startpos = document.cookie.indexOf(postid);
if(startpos == -1)
return 0;

startpos = startpos + postid.length;
if(document.cookie.indexOf(";", startpos) != -1)
endpos = document.cookie.indexOf(";", startpos);
else
endpos = document.cookie.length;

return document.cookie.substring(startpos, endpos);
}
</script>

Search for the code between the <blogger></blogger> tags that displays the link to the comments. It should look something like this:

<blogitemcommentsenabled>
<a href="">#comments">
<$BlogItemCommentCount$> comments</a>
</blogitemcommentsenabled>

Replace this section with the following code:

<blogitemcommentsenabled>
<a class="comment-link" href="">',<$BlogItemCommentCount$>)">
<script type="text/Javascript">
numNewComments = <$BlogItemCommentCount$>-getCommentCookie('c<$BlogItemNumber$>');
if(<$BlogItemCommentCount$> == 0)
document.write("Be the first to comment!");
else if(numNewComments == 0)
document.write(<$BlogItemCommentCount$> + " comments");
else
document.write(numNewComments + " new comments added!");
</script>
</a>
</blogitemcommentsenabled>

This will display the comment notification and create the link to display/hide the comments. Finally, the comments section will need to be properly labeled for hiding and displaying. Search for the following:


<itempage>
<blogitemcommentsenabled>
[ ... lots of comment code here ... ]
</blogitemcommentsenabled>
</itempage>

And replace it with this:

<span class="commenthidden" id="">">
<blogitemcommentsenabled>
[ ... lots of comment code here ... ]
</blogitemcommentsenabled>
</span>

Voila! You now have peek-a-boo comments, plus comment notification! This hack is probably more useful if you have a site where people frequently comment on the posts. For a good example of it in action, check out the Stu Crew site.

55 Comments:

At 3:07 PM, (w)alter ego said...

Thanks for posting this. I modified my template and can get evrything to work except - the new comments stay new, they don't change. Any idea what I could be doing wrong? I would really appreciate any tips. Thanks so much

At 4:10 PM, Jorge said...

Walter, try checking the security settings in your browser. You may have the settings set too high to allow the site to save cookies. Alternatively, you could also add your site to your trusted sites list if you're concerned about cookies on other sites. Let me know if you have any further problems.

At 11:18 AM, Ken Kaniff said...

Hi,
I got here thru Blogger Knowledge. Your idea sounds interesting and I'm going to try it. Thanks.

At 1:23 PM, Johannes said...

Hey there. I really like your hack! I added a bit of code so that it says "1 comment" instead of "1 comments" and "1 new comment" instead of "1 new comments"


<blogitemcommentsenabled>

<a class="comment-link" href="">',<$BlogItemCommentCount$>)">
<script type="text/Javascript">
numNewComments = <$BlogItemCommentCount$>-getCommentCookie('c<$BlogItemNumber$>');
if(<$BlogItemCommentCount$> == 0) {
document.write("Be the first to comment!") }
if(numNewComments == 0 && <$BlogItemCommentCount$> > 1) {
document.write(<$BlogItemCommentCount$> + " comments") }
if(<$BlogItemCommentCount$> == 1 && numNewComments == 0) {
document.write("1 comment") }
if(numNewComments == 1) {
document.write("1 new comment added!") }
if(numNewComments > 1) {
document.write(numNewComments + " new comments added!") }
</script></a>

</blogitemcommentsenabled>

also, i did have the same problem as walter. When i copied the code from the cru stew template however, it worked. so there must be a typo somewhere...

Keep up the good work!

At 8:05 PM, Daniel said...

This is fantastic! I've used it on my blog. I actually had trouble with the Peek-a-boo code from Blogger Hacks and went searching for something else when I found this; yours works perfectly and has better functionality!

When I find the time I'll try to modify it so that when "be the first to comment" is clicked, it takes you straight to the form.

At 8:22 AM, Jorge said...

I'm very pleased to learn that more people are using the hack. It's a very nice feature if you have a blog that receives a lot of comments.

At 4:34 PM, Craig said...

Great work with a straight forward tutorial. Cheers!

At 11:09 AM, Zorak said...

Do you have any version to add the notifications to the standard comments (non peek-a-boo)?

At 11:19 AM, Jorge said...

Hmm... Zorak, I think you probably could do it without peek-a-boo comments by still using the createCommentCookie and getCommentCookie functions. Try adding those two functions and add the JavaScript code between the BlogItemCommentsEnabled tags (ignore the href part for toggling). I think that might do the trick.

At 1:04 AM, Amit Agarwal said...

I have a small hack in my blog to add a textarea instead of using the routine "Post a comment" link.

See the code hereAnd here's another hack to add rel=nofollow tag.
See the code hereHTH

At 12:16 AM, Amit Agarwal said...

Blogger folks have updated their comment system and it now allows you to add comments as anonymous even while staying on the same page.

Amit - The Indian Blogger

At 10:27 AM, Jorge said...

I'll have to take a look when I get the chance and see if I can modify the code to post on the same page. It is somewhat inconvenient having to go to a different web page to add comments.

At 9:38 PM, Michael said...

I changed the code a bit so that clicking on "Be the first to comment" takes you straight to the BlogItemCommentCreate link.

<blogitemcommentsenabled>
<script type="text/Javascript">
if(<$BlogItemCommentCount$> == 0)
document.write("<a class="\" href="\">\">Be the first to comment!<\/a>")

else {
document.write("<a class="\" href="\">\',<$BlogItemCommentCount$>)\">")
numNewComments = <$BlogItemCommentCount$>-getCommentCookie('c<$BlogItemNumber$>');
if (numNewComments == 0 && <$BlogItemCommentCount$> > 1)
document.write(<$BlogItemCommentCount$> + " comments")
else if(<$BlogItemCommentCount$> == 1 && numNewComments == 0)
document.write("1 comment")
else if(numNewComments == 1)
document.write("1 new comment added!")
else if(numNewComments > 1)
document.write(numNewComments + " new comments added!")
document.write("<\/a>")
}
</script>

</blogitemcommentsenabled>

You can see it working here.

Thanks for sharing your work.

At 10:19 PM, wg said...

Thanks for your excellent hack, which I've happily tried out.A question: Now when you link from somewhere else to a post (using the time-dated link at the bottom of a post), it takes you to a page with just the original post and without any of the comments below it (in the default Blogger comment mode the link includes the comments). Is there a way to make the link to the post also include whatever comments there might be?I don't know if you're still checking this thread (I got here via the "Blogger Hacks" page), but thanks in advance for any thoughts you might have.

At 8:25 AM, Jorge said...

wg,I may be misunderstanding, but I do not believe I have that problem on my blog. It may be the way the code in your template is set up that is preventing the comments from appearing on the direct-link page.

At 9:31 AM, Anonymous said...

Hi, I got here thru Blogger Knowledge. Your idea sounds interesting and I'm going to try it. Thanks.http://buy-levitra.spydar.com

At 5:25 PM, tiago Correia said...

Hello Jorge...I'm here to asking you help implementing that 'comment notification added' in my blog...I couldn't do it because I have change some things in my template...and that's why i think it doesn't work...If I give u my template...you can change it for me, by the way I can use your tool?Sorry my english...I'm portuguese

At 5:26 PM, tiago Correia said...

This post has been removed by the author.

At 5:26 PM, tiago Correia said...

Hello Jorge...I'm here to asking you help implementing that 'comment notification added' in my blog...I couldn't do it because I have change some things in my template...and that's why i think it doesn't work...If I give u my template...you can change it for me, by the way I can use your tool?Sorry my english...I'm portuguese

At 6:23 AM, tiago Correia said...

Thank you so much for your great help im my template...

At 7:31 PM, Rich Miller said...

Found a bug.When a comment is deleted, either by an admin or by a reader herself, the entire "comments" link disappears.

At 5:48 PM, dkgoodman said...

Nice hack. I use different ways of showing comments. One is the popular Farrago hack, another is one I whipped up myself, that shows below the post the date and author of each comment for that post. You can see the code for it here.You can see it in action here as well.

At 8:24 PM, Emanuele Ziglioli said...

Hello!thank you for the script.I've modified it a little bit so that the just the cookie regarding a comment (not a peek-a-boo) page you open is updated. This way when you go back to the main page you can still see the new comment indicator for the other comment pages you haven't opened yet.In order to do that you need to delete from the script the following string:createCommentCookie(postid,commentcount);You will call this function when you click on the link to the comment, using the onClick property:<\a class="comment-link" href="http://www.blogger.com/comment.g?blogID=XXXXXX&postID=<$BlogItemNumber$>&isPopup=true" onClick="createCommentCookie('c'+<$BlogItemNumber$>,<\$BlogItemCommentCount$>);"\>Hope that helps!I've also modified your script in order to work with the YACCS commenting system, I've posted it the YACCS message board.Saludos!

At 9:49 AM, nls said...

Thenx for this great piece of script! I am translating it is Dutch now! Take a look.

At 4:54 AM, jeffry said...

Thanks a lot Jorge, it works. Check this out.

At 8:46 AM, Pixelation said...

Jorge, thank you very much for your code. It works extremely well, with the minor problems already noted. I, too, had the problem that wg had. I've been able to solve it by just changing the "commentshidden" line to "commentshown" (specifically for the permalink page, though I suppose you could do it for the main page as well). I understand that you don't have that problem, but I combed through your source code twice and was unable to find what you're doing different than I am.As for the Rich Miller bug, my solution was to simply take out the BlogCommentDeleteIcon.I hate reading the This post has been removed line anyway...

At 10:53 PM, jeffry said...

Now, I'm using it for my photoblog. It's cool Jorge.

At 4:27 AM, ?? said...

you are right

At 7:50 PM, John said...

I have a post that describes various add-ons & hacks for blogger that I'm using at Freshblog. It points to a lot of resources that are making blogging much more interesting for me, & hopefully for my readers!! Hope you find it useful.

At 10:20 AM, S G said...

it is great Jorge! Just made a version in Greek. If anybody wants it, contact me...(I mean the changes are really minor, but if you are so lazy contact me :-)

At 3:01 PM, S G said...

I just noticed a small problem:i am surfing with a fast connection, so I don't care but for regular users the website has become veeeryyy slow. I guess it is because all coments are loaded before the page is displayed and we have quite many comments.Is there some way to make it load the comments only upon clicking on the link?Alternatively, can I use the notification without the peek-a-boo feature? The way you described to Zorak is not really working...Thanks for any help :-)

At 10:17 AM, Krom said...

Thanks for this great code, may I translate it in French? (of course with your post url)By the way have you any idea to classify the comments in a chronological way...the newest at the top of the list?thanks for your blogger community helpingd(^_^)b

At 10:20 AM, Jorge said...

Oui! Please feel free to translate it into French. ;) I'm uncertain if it is possible to reverse the order cronologically. Perhaps you could make a feature request to the good folks at Blogger.

At 4:43 AM, Krom said...

thanks for te authorization ;)I suggest you just a little idea, to post a comment, people have to clic on the "a lot of new comments button", go to the bottom of the looooong list of all your comments ;), you just may add the "post a new comment" at the top of the list (=DElse I will look this post that explain how to reverse the archive list, to find a way for changing the comments order, may be it will work?...And finally don't worry for the translation, I understand your language far better I speak it;]D)Thank you again

At 4:55 PM, Steuer said...

hmm.. hell nice plugin. is this post also applicable to the posts? I want the reader to know, which post is new. do you know what i mean? please help and send message back. THX

At 5:15 PM, Jorge said...

I don't know of a way to mark which posts are new. However, if you look at krom's comment above, he links to a page that describes how to sort them in reverse cronological order.

At 8:13 PM, John said...

Have expanded & organised my blogger hacks posts into blogger hacks: the series, a growing list of add-ons, bookmarklets and template tag combinations that can make blogger more fun, more interesting and more interactive. There's stuff there about categories, but plenty of other goodies too. Check it out, and leave your hack in the comments or ask me to link to it.

At 8:36 PM, Jorge said...

Thanks for the great hack page John!

At 5:21 AM, Yvonne said...

Hi JorgeI know I am no tecnical miracle but I really tried to make it work.... could not get it dome though.I love tecnical tips and trics like this so maybe you can help me?I also love the marked items as on the Stu crew page.... Thanks!

At 9:47 AM, Jorge said...

What website are you trying to add the notifications to? Perhaps you could email me the code for the template and I can take a look to see if I can find the problem.

At 11:24 AM, TeRcEr OjO said...

gracias! muy pero muy bueno el datochequea mi bloghttp://elblogdelosblogs.blogspot.comchau

At 12:15 PM, Naproxeno said...

Thanks for the hack! I've modified it like Emanuele Ziglioli suggested and it's working really well.

At 4:30 AM, D said...

hi jorge,your hack was what i was trying to find for sometime but when i tried it, the comments link disappears from the archived postpage. i must be so tech idiot.. :(would u know how to help me?? sigh

At 7:13 AM, Jorge said...

D, if you like, you can email me the template code and I can try taking a look at it.

At 10:40 PM, mortgage said...

This post has been removed by a blog administrator.

At 10:31 AM, sophisticatedsoul said...

I think after making use of the information provided by your wonderful blog, I should drop by and say thanks. In fact, many thanks for sharing this tip. I'm looking forward to more blogger hacks from you.

At 10:33 AM, Johan Sundström said...

Nice hack. I'd suggest using an onclick handler and keeping the href attribute for browsers with javascript turned off, though.

At 4:16 AM, gaby de wilde said...

good point Johan, that was the first thing I did.It's a nice script you wrote, to bad I dont have any comments. hehehe

At 11:52 AM, Beppe said...

Hello!(Sorry for my english)Very nice work! Unfortunately in my Blog (http://luganobeach.blogspot.com) don't work.Assign (i suppose) correctly the link to the comments, the code show (Be the first...bla bla bla)..but...if i click on a comments, don't open nothing. I can't add a new comment, ecc.Can you check in my code where is the fault? Thank you very much!!Best Regards!

At 1:55 AM, Bunyamin Najmi said...

I got cofusing when put the code of peek a boo hack.

At 4:56 AM, Ecosockmc said...

where do i paste this? and do i need to be the admin to change stuff?

At 1:45 AM, Anonymous said...

Hi, I got here thru Blogger Knowledge. Your idea sounds interesting and I'm going to try it. Thanks.

At 1:27 PM, Ezra said...

Holy Crap!!!I've been trying to get these dang peekaboo comments to work forever. I came across your post today. Tried it....Voila!! Thanks a lot. Works perfectly.

At 1:06 PM, osmia said...

Trying to add your "Comment Notification" code to my testing blog, using SonOfMoto template. Created some posts to add comments to and this is what happened: Test BlogCan you tell me where I went wrong?

Post a Comment



full page »

permalink

Feedburner RSS toys, rss to email, atom to rss, clean up, fix, track or even publish rss on another site.

Feedburner is a good service for publishing your feeds. At the end of this page you see a FeedBlitz subscription box that will email my o so interesting writings to you. It was very easy to set up from the Feedburner dashboard, just a few clicks. At the top of this page you see the number of subscribers. Feedburner makes this rss feed from the atom Blogger makes for my blog. If you are using Opera you can just click those buttons, if you are using Firefox do-not use the "Live Bookmarks" feature as it won't notify you when the feed is updated and thats the use of a subscription. Get a Firefox extensions like Sage or Wizz-rss, a program like rss-Owl, Thunderbird or just use Opera. They can all aggregate the Feedburner feed as feedburner always makes valid feeds. Another great feature is the Buzzboost that can beautifully publish your RSS feed(s) onto your other site(s). It can be set to headlines, text or full html with or without dates. If you have a blog, then Feedburner is worth to sign up for, I haven't seen anything like it. full page »

permalink

Why I prefer the Opera webbrowser over the current Firefox

The Opera Web browser, developed by Opera Software, is a browser for a wide range of platforms, operating systems and embedded Internet products. There is no need to type passwords or user names. Compared to the average news reader it efficiently tracks and sort a whole lot of rss feeds doing so without disturbing it's user. It supports mouse gestures, keyboard commands, can zoom pages, save your sessions, continue surfing where you left off, make mouse gestures with links and even allows you to dive into greasemonkey. The seamless combination of surfing, rss, email and chat make it the browser of my current choice. I'm afraid to say it's A whole lot better as firefox. But it is. It needs no extensions to do everything I need. The interface makes sense for a change. Firefox has lack of lay out, features and UI forgiveness. full page »

permalink

how to make expandable post zones

To nest parts of a post, like here So that that clicking a link makes the text appear in-line. You need 3 bits of code: This bit of javascript >>

<script type="text/Javascript">
function togglecomments (postid) {
var whichpost = document.getElementById(postid);
if (whichpost.className=="commentshown") { whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }
} </script>

and this ccs>>

.commenthidden {display:none} .commentshown {display:inline}

need to be in the head of the template. The ccs can go just below the the <style type="text/css"> the javascript can go just above it. Then add this bit of html >>

<a aiotitle="click to expand" href="javascript:togglecomments('NAMEITHERE')">expand</a>
<div class="commenthidden" id="NAMEITHERE"></div>

to the blog post. Give it an uniqe name where it says NAMEITHERE and change "expand" to what ever you like. Type the hidden text inside the div
(thats before the </div>)
Now set it up as the post template (under blog settings > publishing) that way it always shows up if I make a new post from the dashboard. Can use as many as you like in one post or even.. put them inside eachother full page »

permalink

Making all text the same size

I like to see exactly same output of post. Same Font size, style etc...for Heading and post content, even for right links and heading.>>>

If you want to change the title heading size look up the line below, replace the 160% with 140%. (the post-titles are set to 140%)

h1 { font-size:160%; font-weight:normal; line-height:1.4em; }

I use to think that making a <h1> tag the same size as an <h2> is to be avoided. IThe purpose of headings is to show up in a good sizes as set in the browser. Search engines would like the blog title to sit in h1 the post titles in h2 or h3 and the sidebar in something above that. I figure as it could be - it should be set so that a human would see about the same as the machine visitor. small, big, bigger, biggest. For humans the full description of the sub pages isn't that useful either until we ask a machine to find things.

But the looks should appeal. I don't like distracting shouting headings at all now that I've thought about it. Pretend I'm blind? The text is at the top of the page, that should be enough of a clue? I don't visit random pages, do you?

I've put the sidebar title in bold, the word "categories" doesn't have much to do with the blog. It doesn't explain what a page is about so I figure it really should be smaller as the blog title. Besides the human usability point of view, search engines also have no problem comparing font sizes. I don't want to create a fraudulent search hazard. I figure we need not work at implementations that decrease usability for both the man and the machine.
full page »

permalink

Freelance your blog skills

People will hate your blog if you don’t get it right. :) Besides from being to lazy to ever get anything done I have teh perfect picture of how you makes professional blogs happen. full page »

permalink

The mind that is google - man, to be dominated

It already owns us, we are getting to be dominated by a machine intelligence. And you thought the matrix was freaky? Now try imagining how much we love our new dictator. It's HILARIOUS!!! Tribes of brain-dead people have successfully whined about artificial intelligent not existing! It's all robotica. If you're going to argue how much more intelligent you are, that sure describes you more as your subject. If deep blue can beat Garry? Google can sure as hell out think any single one of us in many ways. Those it needs it will just hire. Let's hope we can manage to get it to not-do evil. We have our first global artilect, what should we make it do? Make all law books and political suggestions translate and search-able? Enough advertisers would start some political campaign in their normal ways of running after google. full page »

permalink

instructions for the tagged template installation

To use the template you will need to type the category in the link box for each post to make it show up in it's category. Multiple keywords are not supported. Step by step instructions here>>


1) Copy and past the template into your blog.

2) Enable the "link Field" for your blog (?)
It's an extra box for typing an url with a post. It can be found under "blog settings" > "Formating" It's named "Show Link Field". Set it to "yes" and republish.
We will use it to label the post. Simply add a label by typing it into the box. (?) Edit a post > look at the post editor > the link field is right under the title field.

3) Edit your posts one by one in back wards order, again just type a subject in the "link" box for each.

You give two posts the same label and they will show up on the sub page right under another by the means of clicking the link of that category.

6) Set your blog to show all postings on the front page.(say 300)

tip: If you labeled your first 20 posts you can already re-publish the blog with those 20 on the front page.

note: Above 300 posts (or with to much images) you need to apply a small upgrade to make sure they all show up under their category. But I'm sure you wont need it anytime soon :) If you do, let me hear it...


..if you found anything confusing, have a feature request, have anything! Let me hear and see how it all worked. :) You are probably the second to have categories on blogspot by this method, finally some real news. ^_^ full page »

permalink

Template tags for all

The categories template is a template for your Blogger blog with features not found in other templates. The functionality and usability and their philosophy are constantly updated. full page »

permalink

The intelect of a blog platform - "how smart can it store?"

In the endless discussion on what blog platform to pick I've found this most interesting line: "For me, speed and reliability are much more important than customization." I could not agree more. Still I would want to keep an option to host it my self. Customisation is much less important, if an idea pops to my mind it's a few pages of text. Each second counts, click and wait for 3 min until I can start writing a draft is not good for my articles at all! full page »

permalink

Is MSN search inteligent enough to filter out good looking pages true valid html?

Intelligence is the sum of it's parts to call MSN search intelligent may be an overstatement, still clearly "looking at things" is a part of it. If it can find out what our human taste is like by any means... then it knows. This may be a small facet, ask.com is doing a fantastic job at understanding human queries it almost makes up for the lack of results. Of course Google pulls multiple mysterious formulas on us. I'm trying to imagine what it would look like as one thing. The grammar check tech should be capable of creating a proper sentience or discard it a few trillion times before we humans get bored. :) A clean machine voice is closer as ever. If it can understand us and reply to "whaat evaah" in proper English and get it right.... We shall live like kids and everything will operate perfectly? Poker, chess, stocks as well as all kinds of business processes are already "out of our hands", they are played or managed by bots. full page »

permalink

Will our global artificial intelligence be able to understand documents in the same way we do?

Google is just a small chunk of our global machine intellect, as it's not so safe to ignore artificial intelligence I would like to create some philosophy on the topic of making it understand documents in the exact same way we do. I've struggled with the Blogger template to create topics, tags, labels, folders give it a name. I've thought about for some time. »» I now think the point is to offer different kinds of readers different kinds of content. This makes multiple tags less interesting because the reader has to visit multiple pages. 1 tag for template design should be enough. I figure that way I can write about other topics that you don't want to read. You are looking for template hacks not for words on my latest hang over. By having a few zones like that I can see what topics didn't get updated. If the page is never updated it's not good. So each tag is to be treated as a whole separate blog! full page »

permalink


Powered by Blogger