Saturday, September 11, 2010

SyntaxHighlighter with Blogger

I've been away from Blogger for a while, and I'm happy it got some new templates.
I've implemented a syntax highlighter to better view code, it's called SyntaxHighlighter.
Here are the steps to use it on Blogger

  1. Download SyntaxHighlighter to your computer
  2. Create a "Google Site" if you don't have one yet
  3. Create a "File Cabinet" page
  4. Upload the "shcore.js", the css files and the brushes (=code highlights for specific languages) as described in the SyntaxHighlighter installation notes
  5. Edit your Blogger template, link the js files and css in to the files you've uploaded (copy the link from "Download" on the file cabinet)
  6. Use the 'pre' method as described in the installation notes
  7. Don't forget the inclusion of SyntaxHighlighter.all()

No comments:

Post a Comment