Blogger Syntax Highlighterを導入しました

以下のページを参考にし、ソースコードをハイライトする「Blogger Syntax Highlighter」を導入しました。

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

以下、導入の手順です。

１．FaziBear's Blogger Widgetsのページにアクセスするも...

なんか「添付ファイルをダウンロード」となってしまい、期待するページに行きませんでした。

しょうがないので素直にblogger.htmlをダウンロードしました。

２．blogger.htmlをブラウザで表示

WEBブラウザで表示してみました。

お、それっぽい。「Add to Blogger」をクリック。

３．Bloggerに追加

ログインすると以下の画面に。

タイトルを空にしてから「ウィジェットを追加」をクリックします。そうしないと、ブログのウィジェット欄に入力したタイトルが表示されてしまいます。

保存すれば終了。

４．これで使えるはず

試してみます。

<pre name="code" class="c">
int main() {
  printf("Hello, World!");

  exit(0);
}
</pre>

↓

int main() {
  printf("Hello, World!");

  exit(0);
}

できた！