Using SyntaxHighlighter 2.0 on Blogger

First we load the latest .js and .css files of SyntaxHighlighter by adding this code to your HTML template page :

<!-- Loading Styles -->
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>

<!-- Loading the core JS -->
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js'/>

<!-- Loading the Highlighters -->
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'/>
<script language='javascript' src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js'/>
<!-- Add more Highlighters here if you like ... -->

Then we add this script because of the removal of the <br> tags in the code blocks that are automatically inserted by the Blogger rendering engine in place of all line breaks (\n).

<script type='text/javascript'>
//<![CDATA[
  function FindTagsByName(container, className, tagName)
  {
     var elements = document.getElementsByTagName(tagName);
     for (var i = 0; i < elements.length; i++)
     {
          var tagClassName = elements[i].className;
          if (tagClassName != null && tagClassName.search(className) == 0)
          {
             container.push(elements[i]);
          }
     }
  }

  var elements = [];
  FindTagsByName(elements, "brush:", "pre");
  FindTagsByName(elements, "brush:", "textarea");

  for(var i=0; i < elements.length; i++)
  {
      if(elements[i].nodeName.toUpperCase() == "TEXTAREA") {
          var childNode = elements[i].childNodes[0];
          var newNode = document.createTextNode(childNode.nodeValue.replace(/<br\s*\/?>/gi,'\n'));
          elements[i].replaceChild(newNode, childNode);
      }
      else if(elements[i].nodeName.toUpperCase() == "PRE") {
          brs = elements[i].getElementsByTagName("br");
          for(var j = 0, brLength = brs.length; j < brLength; j++)
          {
              var newNode = document.createTextNode("\n");
              elements[i].replaceChild(newNode, brs[0]);
          }
      }
  }
  SyntaxHighlighter.all();
//]]>
</script>