<pre class="brush:html"> // Replace your brush with your own. <html> <head> <title>Adding SyntaxHighlighter to Blogger Blog by John Bhatt</title> </head> <body> Body can contain codes also, that too highlighted and formatted, well aligned. Congrats. </body> </html> </pre>
Output is in your page. We have done this using this plugin. You have many themes (styles) to make it look better. You can include CSS as per your requirement.