Bloggerのコードをハイライト(Windows Live Writerも)

記事内のプログラムのソースコードが見にくかったので、他の人がやっているようにコードをハイライト表示しようと検索。

コードをハイライトする「Blogger Syntax Highlighter」ウィジェット

Bloggerの場合はここのページから「add to Blogger」をクリックすればウィジェットとして簡単に導入完了。ちょっとはまったのが、Google Chromeでは失敗する。FirefoxかIEでクリックすること。

Bloggerでない場合はProject Homeのwikiを参照。

あとは紹介記事にあるように

<pre name="code" class="xml">
(コード)
</pre>

で綺麗に表示できるはず。指定できる言語の種類(class名)のメモ

普段はWindows Live Writerを使っているので、プラグインとして追加する場合はここからダウンロード。

実行後、メニューの
ブログ→ブログ設定の編集→編集→テーマの更新
で反映されるはず。

詳しくはここのブログで。

でも私の場合、プレビューでは表示されるけど編集画面ではうまく表示されない・・・。Windows Live Writerのベータだからか、もしくはウィジェットで追加したからテーマがうまく取得できないのかな。