1. Backup your Blogger template. Copy it & save it as a text file, e-mail it to yourself, whatever. Just please keep a copy that you haven't messed with....
   
2. Download the zip file from the ARC90 site, & save to your hard-drive.
3. Extract the contents of the folder, and view the files. There's a webpage, a javascript, and a jpg of a duck... yup, a duck... quack! (This hack's for you, Julie!)
   
4. Check out the index.htm file for a demo of the hack (So that's why there's a picture of a duck in there....) Pretty good, isn't it?
   
5. Go back to the script file. Upload that file to some free web space somewhere. As Stephen points out in the comments, you might like to try his jscripts.ning.com
   
6. Make a note of where you saved the file. You'll need to know in a sec.
7. Back to the example webpage. View the source of the webpage, and note the CSS in the head of the template. Copy and paste everything from the opening script tag to the closing style tag into the head of your template.
   
8. Edit the opening line that you pasted (that begins with a script tag) so that the SRC link in that line of code points to the file that you just hosted, like this: src="http://mywebspace/myfolder/arc90_sidenote.js"
9. You kept a template backup, right? Good. Save your modified template and republish.
   
10. Write a post, and wrap the text that you want to highlight in span tags with the class "sidenote" and a title attribute. The title text will become the text that appears in the offset sidenote box. To streamline the process of inserting these tags, you might consider saving the code in the Blogger post template, so that it will appear automatically each time you write a post.
11. If you want to, you can modify the new CSS in your template head to change the colors, sizes or float positions of the text boxes.
    

Filed in: blogtech, blogger-hacks

1. The ability to generate tags w/ custom URL's that were visible in all other tag search services.
2. Automatic aggregation, & no need to bookmark
   
3. Personal accounts for subscriptions to certain tags / users
   
4. An exportable and custom-formattable sidebar tag cloud
5. Feeds for tags, and combos of tags
6. Output that shows both your blog content and the wider topical content in the blogosphere

1) why do you have a blogroll?

3) why are you thinking about doing away with it?

4) what would you do instead? (if anything)

wonder whether all of these “easy connection” tools are just little levers that only some people will use as part of a blog’s larger connection to the world? Hmmm…

the more levers, the more connections… Easy sub buttons for feeds, easy bookmark links like these, comments, trackbacks, one-click backlinks, these are all tools that integrate a site more tightly into the conversation… The more of these tools you have, the easier it is for the individual reader to make use of the information that you provide in a way that makes sense to them. More levers, I say!

if you go to "your network", you will see a section on the sidebar called "your fans". These are people who have you in their network (you can set your network to private, so no-one can see which users you subscribe to).

This is a simple webservice that helps you in tagging textual content on and off the web. There are two ways of using it:

1. by simply pasting a URL or a text in the fields below or uploading a file
2. by using the REST API

tagthe.net then returns a set of tags based on the textual content you specified.

Virtually synonymous means that two tags mean the same thing in practise. Variant spellings (web2.0 and web20, or colour and color) and plurals (hack and hacks) are usually virtually synonymous. Siblings are not virtually synonymous (cars and trucks).

The browser will explode into a thousand fragments, will spawn a thousand specialized offspring. They will share common DNA, and many of the components will remain common, but I predict a huge surge in this form of innovation, especially as we move toward mobile, ubiquitous, handheld, always on computing. Like the dinosaurs, the browser will apparently become extinct, but in fact will live on, as in the form of modern day birds, a thousand times lighter, faster, and smaller than their lumbering ancestors....

• With your own tagspace, use button to quickly scan pages for likely reading material


• With your own purpose-built (sub-)tagspace, use button to highlight content or task-specific words. Eg navigation words (next, previous, search, comments), headings (abstract, methodology, bibliography), ego-related terms (Greg, Gregory, Hill), profanity (well, you get the idea).


• With someone else's tagspace, pick up on their tags for a particularly rich "reference" (ie dictionary, translation, encyclopedia) service.


• With your own tagspace, use it on someone else's social bookmark page, to see which tags overlap

• Fetch a list of related tags


• Links to various tag-oriented places


• Bookmark the page yourself (with this tag)


• Fetch a list of bookmarks with this tag


• Use the tag for some sort of Yahoo! web service (mapping, search, music etc) mash-up

• Will match within words, but only at the start. Hence, tag "sun" will match text "Sunday" but not "bosun".


• Case matters. Will match try to match your tags with and without the first-letter capitalised. This is to stop tags "IT" and "SUN" matching all "it's" and "Sunday" on the page.


• Uses a gnarly regular expression to find matches outside of HTML tags. This is likely to be buggy (in particular, bad interactions with inline scripts), and is very slow. It can take up to 20 seconds to crunch a heavy tag-rich page like Slashdot with John's 100 top tags.


• Doesn't seem to work in IE. This is not a result of my very limited scripting knowledge, nor a reflection of the hassle of cross-browser coding. It it is, in fact, a cunning scheme to ensure that only real bloghackers and Web2.0 types get to play with this. Consumer version may support non-standards-compliant browsers.


• I was hoping to use the transparency (ie alpha) of the highlighting to indicate how frequent a tag is. More solidity equals more frequency (like the pink highlight on delicious). Unfortunately, controlling colour with hsla doesn't seem to work as advertised on my browser. Tried playing around with tweaking the saturation and lightness levels too, but it looked naff. Might be okay with some decent range-limiting code.


• Lastly, here's a link to the source code. Suggestions and improvements welcome.

New features are the ability to use one del.icio.us
account for multiple blog categorization, or just to use the same
account to categorize your blog and still use it normally for other
bookmarks. Also added the option to include a link to the RSS feed for
each "category", figure since del.icio.us offers it why not use it.