【HTML】SyntaxHighlighterをBloggerに設定

エンジニアがコードをブログ上で紹介する上で欠かせないのが、 SyntaxHighlighterです。 このSyntaxHighlighterをBloggerに貼り付ける方法を紹介します。
まずは、Way2Bloggingというサイトで、SyntaxHighlighter用のHTMLを作成します。

ここでは、ブログで紹介する予定の言語を選択して、 下の[Generate]ボタンを押します。 すると、画面が遷移して、HTMLが表示されますので、すべてコピーします。

コピーした後、Bloggerのテンプレート編集から、 HTMLの編集を選び、

</head>と書いてある部分の前にすべて貼り付けます。 次に、コードを書く場合は

<pre class='brush:java'>
public class SampleObject {
  // comment
  public SampleObject() {
  }
}
</pre>

とpreタグで囲めば綺麗に表示されます。