SeesaaでSyntaxハイライト

privateモードではてなブログをつけていた時期があって、はてなのシンタックスハイライターに慣れていたのですが、Seesaaには標準でこれがないらしいです。

なんとかできないものかと思ったのですが、google-code-prettifyが使えるそうです。
http://google-code-prettify.googlecode.com/

SeesaaではブログテンプレートのHTMLとCSSが編集できるので、これを導入してみようと思います。
JSとCSSの２ファイルがあればいいので、ダウンロードしてブログ内にホストしてもいいのですが、面倒なのでひとまずGoogleが書いているように以下のJSを読みこめば、すぐに使えるようになります。

デザイン　＞　PC　＞　デザイン設定　→　HTML

から新しいHTMLテンプレートを作成します。

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

このままでもsyntax highlight自体は動きますが、フォントやサイズなど気に入らない部分をCSSの設定から変更します。

デザイン　＞　PC　＞　デザイン設定　→　デザイン設定

から今選択しているテンプレート名をクリックすればCSSが編集できます。
当ブログでは以下のような設定を入れました。

pre{
line-height: 1.2;
font-family: Consolas, Monaco, Lucida Console, monospace;
overflow: auto;
border-radius: 3px;
}