Blog html code

There are many ways to post a html code on blogger. Here, I want to show you an easiest way to post a html code. Click here to see another example.

1. Go to Design / Layout
2. Click Edit HTML
3. Tick the "Expand Widget Templates" box
4. Add this code right before the tag

<!-- post source code -->
<link href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css" rel="stylesheet" type="text/css">
<link href="http://alexgorbatchev.com/pub/sh/2.1.364/styles/shThemeDefault.css" rel="stylesheet" type="text/css">
<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js" type="text/javascript">

<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js" type="text/javascript">

<script src="http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js" type="text/javascript">

<script language="javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf'
SyntaxHighlighter.all();

5. To post the codes, insert the codes below to your post

<pre class="brush:perl"> 
....insert source codes here....