<link href='http://www.johnbhatt.com/SharedResources/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://www.johnbhatt.com/SharedResources/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
SyntaxHighlighter.config.bloggerMode = true;
<pre class="brush:html"> // Replace your brush with your own.
<title>Adding SyntaxHighlighter to Blogger Blog by John Bhatt</title>
Body can contain codes also, that too highlighted and formatted, well aligned. Congrats.
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.