A Super-Snazzy Syntax Highlighter | Home | Good Interface Design = Money

Filed under Lab on June 2, 2006 by Richard Ziade

A Simpler, Hosted Version of Sidenotes

The kids at Arc90 simply wouldn't leave well enough alone. The response to Sidenotes has been great, but we've found that a lot of people had trouble incorporating the script into their blogging platforms.

So we've whipped together a hosted version that requires one line of code to be added to your blog templates. Anywhere in the <head> portion of your template (whether Blogger, Movable Type, Wordpress, etc.), add the following line of code:

<script language="JavaScript" type="Text/JavaScript" src="http://arc90.com/lab/tools/c/javascript/arc90hosted_sidenote.js"> </script>

That's it! No need to upload javascript files or tweak CSS. Just add sidenotes the same old way as instructed in step 3 of the Sidenotes instructions. Also, be sure to rebuild your entries after you've updated the template.

Happy sidenoting!

Post a Comment Digg Del.icio.us

Comments

Thanks for this hosted script. Can the styling be altered in any way ?

Posted on June 5, 2006 3:38 AM by John

If you'd like to alter the styling then please use the downloadable version of the script. The hosted version's purpose is to solve the majority of bloggers' issues with having to install the files themselves by providing a simple single line of code.

Posted on June 6, 2006 12:31 PM by Joel Nagy

I cannot get this thing to work and I don't know why..sheesh.

See anything wrong with this page?

http://www.jonwatson.ca/node/350

Posted on June 23, 2006 7:16 PM by Jon

This seems to be working fine for the most part, but I noticed that in Safari 2.0.4, when I move the cursor over a linked image or linked text on a page that has a sidenote, it just makes that image or text disappear. They all reappear if I click on the page again, but the links themselves no longer work.

Posted on July 16, 2006 5:03 PM by Ron Hogan

One more quick observation -- it seems like it might be the script, because it's also making links and images disappear from pages that don't have sidenotes but did have the header reference to the script inserted.

Posted on July 16, 2006 5:20 PM by Ron Hogan

Ron: We fixed the problem with Safari. The CSS is added to the page dynamically and the order of operations seemed to confuse Safari. Thanks a lot for letting us know about this problem.

Posted on July 17, 2006 10:47 AM by Joel Nagy

Post a Comment:

A Super-Snazzy Syntax Highlighter | Main | Good Interface Design = Money