Archive for December, 2005

Archive for December, 2005

XOXO Blog and Template

Posted on

I have started the XOXO Blog for the promotion of the XOXO microformat. (For those wondering what XOXO is, see my post What is XOXO?) The blog’s template is fully XOXO-paresable and I am working on changeing over my Blogger Comment Syndication service to parse XOXO formated compatible with this new concept, which is only slightly different from my original XOXO code, but is more compatible with other uses. All users of my service will have to switch to this new (hopefully better) code snippet, but I think it will ultimately be worth it. Blogs based off of an XOXO template (I’ll be publishing one and the specs soon. As you can see by looking at the XOXO Blog itself, I’m not much of a designer, but I’m proving the concept first. I’ll get other people to help me with looks later.) will be able to use the service directly with no added code.

Other benefits to the XOXO-template could include :

  • The ability to produce better post feeds by parseing the blog main page
  • The ability to parse the whole blog for backup/transfer to another service if needed

The XOXO blog itself will soon be populated with different tools, not only to go with XOXO templates, but to work with other uses for XOXO as well.


What Is XOXO?

Posted on

XOXO is a microformat for the storage and transmission of outline data. Outline data is any nested list information, where you have nodes with subnodes. The specification is similar in purpose to OPML, but has many advantages over that format, including :

  • XOXO can be embedded completely within any XHTML document. Since XOXO is really a subset of XHTML, it is 100% XHTML-compatible. It can be stored as an independant document, but this is not a requirement as it is with OPML.
  • XOXO has predefined fields for common uses. Unlike OPML where all fields are optional/arbitrary and up to individual implementations, XOXO has standardized markup for TEXT, TITLE, HREF, REL, REV, TYPE, and CLASS attributes. One may argue that feed readers have standardized some OPML elements (xmlUrl, for example), however this is not even wholly true (some feed readers use the rssUrl element instead).
  • XOXO can be viewed directly in a webbrowser without any need for extra stylesheets
  • XOXO can be used to make up the actual content of web pages so that those pages are nice to view, but are also easily read by other applications/scripts

For conveniance, XOXO is still fully extendable, with the ability to contain any number of arbitrary fields.

For more information, see the official XOXO specification and the official XOXO-faq.

Backlinks on Main Page

Posted on

This hack has been superceded by this better one.

Getting Blogger baclinks to display on your main page is no picnic – wheather for peek-a-boo or permanent display. The way the script works direct from Blogger it assumes that it is running on a post page. So, after mor than a little fussing, I have come up with a hack that works for fixing this. The following will install peek-a-boo backlinks on your Blogger blog (template hackers will be pleased to know that the backlink template-tag section is still intact for your hacking pleasure) :

  1. Enable backlinks on your blog — an obvious, but necessary, step
  2. a – Put manual metadata in your template. Feedburner users have already done this. If you already have your metadata in your template manually for this or another reason, change this line:
    <script type="text/javascript" src=""></script>

    To this:

    <script type="text/javascript" src=""></script>

    Otherwise go on to 2b.

    b – Find this : ‘<$BlogMetaData$>‘, it should be somewhere near the top of your blog template. Replace it with this:

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="MSSmartTagsPreventParsing" content="true" />
    <meta name="generator" content="Blogger" />
    <link rel="alternate" type="application/xml" title="<$BlogTitle$>" href="<$BlogSiteFeedUrl$>" />
    <link rel="" type="application/atom+xml" title="<$BlogTitle$>" href=";$BlogID$>" />
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href=";$BlogID$>" />
    <style type="text/css">
     @import url("");
     @import url(";$BlogID$>");
    <script type="text/javascript" src=""></script>
    <script type="text/javascript" src=""></script>
    <script type="text/javascript">var BL_backlinkURL='', BL_blogId='<$BlogID$>';</script>
  3. Put this code directly after that which you just inserted:
    <script type="text/javascript">
    function toggleitem (postid,linkid,newtxt) {
    var whichpost = document.getElementById(postid);
    if ( != "none") { = "none";
    } else { = "block";
    if(linkid) {
       var lnk = document.getElementById(linkid);
       lnk.href = "javascript:toggleitem('"+postid+"','"+linkid+"','"+lnk.innerHTML+"');";
    lnk.innerHTML = newtxt;
  4. Find the section in your template that starts with ‘<BlogItemBacklinksEnabled>‘ and ends with ‘</BlogItemBacklinksEnabled>‘ and replace the entire thing (these tags included) with this code:
    <ItemPage><div style="display:block;" id="backlinks<$BlogItemNumber$>"></ItemPage>
    <MainOrArchivePage><div style="display:none;" id="bl<$BlogItemNumber$>"></MainOrArchivePage>
     <a name="links"></a><h4>Backlinks:</h4>
     <dl id="comments-block">
    <script type="text/javascript">backlink = new Array();BL_Backlinks = new Array();</script>
    <script type="text/javascript" src=";$BlogID$>&amp;postID=<$BlogItemNumber$>" defer="true"></script>
    <div id="blogger-dcom-block<$BlogItemNumber<div id="blogger-dcom-block<$BlogItemNumber<div id="blogger-dcom-block<$BlogItemNumber<div id="blogger-dcom-block<$BlogItemNumber<div id="blogger-dcom-block<$BlogItemNumber<div id="blogger-dcom-block<$BlogItemNumber<div id="blogger-dcom-block<$BlogItemNumber<div id="blogger-dcom-block<$BlogItemNumber$>" style="display:none">
    amp;gt;" style="display:none">
    amp;gt;" style="display:none">
    amp;gt;" style="display:none">
         <dt class="comment-title">
         <span class="comment-toggler"> </span>
         <a href="<$BlogBacklinkURL$>"><$BlogBacklinkTitle$></a>
         <dd class="comment-body"><$BlogBacklinkSnippet$>
         <br />
         <span class="comment-poster">
         <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
    <script type="text/javascript">BL_writeBacklinks('<$BlogItemNumber$>');</script>
     <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
  5. Find the code for the ‘links to this post’ link in your post footer template code and replace it with ‘<a href=”javascript:toggleitem(‘backlinks<$BlogItemNumber$>’);”>links to this post</a>
  6. Save your template and republish your blog!

Blogger Comment Syndication Service

Posted on

I have completed the a Blogger comments syndication service, which grew from a hack I proposed on Some Assembly Required. Dubbed Blogger Recent Comments, this service takes the URL to a compatible Blogger blog and generates an RSS, JSON, JavaScript, or XHTML feed of the recent comments to that blog. It can also generate feeds for recent comments to individual post pages. For blogs that are set up per the instructions, comments are archived by the service as they come in, the service being notified of new comments via email, thus enabling the service to include new comments to old posts in the feed (unlike the Farrago Recent Comments Hack, which only shows new comments to posts on the main page). Setting up your blog to be compatible (per these instructions) is relatively painless, and afterwards you should never have to worry about it again, but you gain the benefits of comments feeds and optional sidebar elements.

Tags: Blogger Comments Hack

Boxing Day

Posted on

So here’s my Christmas summary update post, as promised and earlier than I expected to do it. Perhaps a day-by-day? Why not, lol

Christmas Eve
Christmas Eve evening we had the whole station and Aunt Mary Stone and Aunt Joy Hart all in our house for a meal. Big meal. We had tacos and ice cream and chocolate and cookies and crackers and cheddar cheese and summer sausage. Lots of it. Very full, very fun. Then we played a game where we had to decode the names of christmas songs from really weird language (like “Miniscule Male Master of Precussionistic Cylinders”) and another one that was kind of like password but with Christmas words. All the time we were playing we were eating candy. A missionary family we know that’s on furlough in the US right now sent out a whole bunch of goodies, so that’s what we were eating, hehe.

Christmas Day
Coming in two parts, so let’s start with stockings and presents. I GOT A WEBCAM!!!! YAY! It’s totally kewl, even if my connectin can barely handle it. I got The Incredibles too, hope to watch it soon 😀 Got a couple books too “It’s Not About Me” by Max Lucado and “White” by Ted Dekker.

Lunch was at Ezels. More food! Stufing and ham and turkey and mashed potatoes. They have two toddler-types and a lil baby. Emme! she’s soooo cute, hehe. She rips my hair out and grabs my glasses, but that’s easily forgivable, hehe… lotsa fun.

Oh, part three of Christmas Day (I know I said two, but who cares? ;P), we had a bonfire! Lotsa fun, sit by the fire and, guess what? EAT! More candy and cookies and crackers and REAL (ie, cheddar) cheese and summer sausage. Got to hold Emme a lot, funfun, hehe 😀 roast mellows and do riddles and listen to my bro with the guitar. awesome stuff.

hope you all enjoyed your christmas as much as i did mine! 😀