Categories
Archives
A Super-Snazzy Syntax Highlighter | Home | Good Interface Design = Money
Filed under Lab on June 2, 2006 by Richard ZiadeA 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!
Trackback Pings (TrackBack URL for this entry)
http://www.arc90.com/cgi-bin/mt4/mt-tb.cgi/30.
Listed below are links to weblogs that reference A Simpler, Hosted Version of Sidenotes:
» Unobtrusive Sidenotes from arc90 lab
Our first tool out of the arc90 lab, Unobtrusive Sidenotes is a simple mix of Javascript and CSS that makes it ridiculously easy to incorporate sidenotes into your web pages or blogs. It even includes a handy set of colors... [Read More]
Tracked on June 2, 2006 12:53 PM
» sidenote boxes in blog posts from Library clips
lab.arc90 has developed a neat little sidenote tool. Basically if you want to go off on a tangent or explain something in your blog post, instead of doing it within the body text you can write it in a little box that lives in the body of your post... [Read More]
Tracked on June 13, 2006 10:59 PM
Comments
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
A Super-Snazzy Syntax Highlighter | Main | Good Interface Design = Money
Thanks for this hosted script. Can the styling be altered in any way ?
Posted on June 5, 2006 3:38 AM by John