1. Go to Design / Layout
2. Click Edit HTML
3. Tick the "Expand Widget Templates" box
4. Add this code right before the tag <head>
<!-- post source code -->
<link href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" rel="stylesheet" type="text/css"></link>
<link href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" rel="stylesheet" type="text/css"></link>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js" type="text/javascript">
</script>
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js" type="text/javascript">
</script>
<script language="javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf'
SyntaxHighlighter.all();
</script>
5. To post the codes, insert the codes below to your post
<pre class="brush:perl">
....insert source codes here....
</pre>