Inserting code snippet in Blogger

It was really difficult for me to find a solution to insert java code snippets in my Blogger !!
I found a solution using the syntaxhighlighter JavaScript plugin.
The steps used to insert code snippet:

• Download syntaxhighlighter from syntaxhighlighter
• Unzip the file and place the Scripts and Styles directories in a URL (location in my sample)
• Modify your blogger template adding those lines just after the </div></div> <!-- end outer-wrapper –>

<link href="<http:<location>/Styles/SyntaxHighlighter.css" rel="stylesheet" type="text/css" /> <script src="<http:<location>/Scripts/shCore.js" type="text/javascript" /><br /><script src='<http:<location>/Scripts/shBrushCpp.js' type='text/javascript'/><br /><script src='<http:<location>/Scripts/shBrushCSharp.js' type='text/javascript'/><br /><script src='<http:<location>/Scripts/shBrushCss.js' type='text/javascript'/><br /><script src='<http:<location>/Scripts/shBrushJava.js' type='text/javascript'/><br /><script src='<http:<location>/Scripts/shBrushJScript.js' type='text/javascript'/><br /><script src='<http:<location>/Scripts/shBrushSql.js' type='text/javascript'/><br /><script src='<http:<location>/Scripts/shBrushXml.js' type='text/javascript'/><br /><br /><script class='javascript'><br />//<![CDATA[<br /> function FindTagsByName(container, name, Tag)<br /> {<br /> var elements = document.getElementsByTagName(Tag);<br /> for (var i = 0; i < elements.length; i++)<br /> {<br /> if (elements[i].getAttribute("name") == name)<br /> {<br /> container.push(elements[i]);<br /> }<br /> }<br /> }<br /> var elements = [];<br /> FindTagsByName(elements, "code", "pre");<br /> FindTagsByName(elements, "code", "textarea");<br /> <br /> for(var i=0; i < elements.length; i++) {<br /> if(elements[i].nodeName.toUpperCase() == "TEXTAREA") {<br /> var childNode = elements[i].childNodes[0];<br /> var newNode = document.createTextNode(childNode.nodeValue.replace(/<br\s*\/?>/gi,'\n'));<br /> elements[i].replaceChild(newNode, childNode);<br /> <br /> }<br />else if(elements[i].nodeName.toUpperCase() == "PRE") {<br /> brs = elements[i].getElementsByTagName("br");<br /> for(var j = 0, brLength = brs.length; j < brLength; j++) {<br /> var newNode = document.createTextNode("\n");<br /> elements[i].replaceChild(newNode, brs[0]);<br /> }<br /> }<br /> }<br /> //clipboard does not work well, no line breaks<br /> // dp.SyntaxHighlighter.ClipboardSwf = <br /> //"http://[YOUR HOST]/clipboard.swf";<br /> dp.SyntaxHighlighter.HighlightAll("code");<br />//]]><br /></script>

• To publish a post with code snippet, insert your code inside the <pre> or <textarea> tags

<textarea name="code" class="c#" cols="60" rows="10">

... some code here ...

</textarea>

• More information and configuration is available on the syntaxhighlighter web site.