Add Syntax Highlighter To BlogSpot Blogs

 

     5.   Save your template and you are done!

How it works?

Whenever you wish to share a code of any type with your readers, simply enclose the code between these lines,

<pre class="brush:css, brush:html, brush:js, brush:php, brush:sql, brush:python">

ADD THE PARSED CODE HERE

</pre>

I have combined all brushes into one making it easier for newbie to implement the tutorial.

Note: Do not add the code directly because you will get error in Blogger Editor, instead first parse the code using the Parser Tool provided by us.

Replace ADD THE PARSED CODE HERE with the parsed/encoded code and publish your post to the see the magic.

That's it! Hope you like it. I will publish different color schemes for Syntax Highlighter in my next posts so make sure you don't miss the update. I also published some block quotes with auto number list and if you wish you can use them instead by reading this tutorial,

• [a title="http://www.mybloggertricks.com/2009/11/blockquote-with-auto-number-list.html" href="http://www.mybloggertricks.com/2009/11/blockquote-with-auto-number-list.html" target="_blank"]Blockquote with Auto Number List[/a]

Source: http://www.mybloggertricks.com/2011/06/add-syntax-highlighter-to-blogspot.html