最近、色んなサイトでサンプルコードが載っています。
Web(HTML)にコードを書いただけなのに、色分けされているのがよくあります。

ちょっと調べてみたところ、Googleで見つけました。
さすが、Google先生であります(｀･ω･´)ゞ

　[url=http://code.google.com/p/google-code-prettify/]google-code-prettify[/url]

これをこのサイトにも適用しました。(テンプレートに反映)

使い方は、preタグとcodeタグのclassにprettyprintを指定すればOK。

preタグ

<pre class="prettyprint">
・・・略
</pre>

codeタグ

<code class="prettyprint">
・・・略
</code>

合わせて読みたい・・・
http://blog.thingslabo.com/javascript/