08 September, 2011

Adding syntax highlighter to blogger platform using google sites

Most, if not all, programming blogs contains syntax highlighter (sometimes called syntax colorizer) to distinguish normal text from computer code and thus making blog more readable. Using just HTML you can use pre tag or differently styled paragraph to insert same-width font, like lucida console. There is also a nice online free tool that does syntax highlighting using only styled HTML tags.
How about using pre-made CSS/JavaScript combination that automatically highlight code in your blog? All what you have to do is to surround programming code with certain tag and choose language for highlighting. This tutorial will show you how to use Google's syntax highlighter on Blogger platform, while hosting syntax highlighter project on Google Sites service.