There are many topics of how to 'install' syntax highlighting on Blogger. I will not repeat that. Just search for syntaxhighlighter or go to syntax highlighter.
In brief, take the following steps:
- shCore.js file
- shBrush**.js (where the ** should be e.g. Vb or CSharp)
- Place references on your theme to these files (in blogger, go to Layout/edit HTML)
- In many cases, using the SyntaxHighlighter.css file (place also the reference in your theme) will be suitable. Unfortunately, for my theme (which I downloaded for free from http://www.ourblogtemplates.com/), it doesn't work that well. For each line of code, the gray bar was to wide, as well as that the code lines didn't align well with the top bar of the code piece.
After searching a lot, I found the solution:
- Instead of using the syntax highlight style from the css file (see step 3), copy the entire content of this file, and paste it into the style section of your theme. Delete the reference to the css file (you don't need it anymore), and voila, job done!
If you still got questions, don't hesitate, just ask them.