Googleのブログなのにgoogle-code-prettifyがすぐに使えない！

データをXML形式で保存したいので、dom4jを使ってみることにしました。

ということでサンプルソースを貼り付けることにしましたが、そのままでは非常に見づらいもになってしまいます。CodeZineなどではソースを色付けして見やすく表示しています。いろいろと調べてみるとどうやらGoogleがgoogle-code-prettifyなるすぐれものを公開してくれているようです。

それならGoogleのブログだからそのまま使えるかと思って<pre class="prettyprint"></pre>で囲ってプレビューを見ても何も変わりません。

どうやらstylesheetとjavascriptを取り込む必要があるようです。Googleとは言え、プログラマばかりがブログを書くわけではないのでデフォルトでは使えないようになっているようです。ブログも使い始めて間もないので、何がどうなっているのか手さぐり状態ですが、どうやらテンプレートをカスタマイズする必要があるようです。ブログの管理ページでデザインタグをクリックして、HTML編集でテンプレートのHTMLを表示させて、

<link rel="stylesheet" href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">

を</head>の直前に挿入して

onload='prettyPrint();'

をbodyタグに追加したところ色分けしてくれるようになりました。