はてな記法でソースコードを色付けして表示する

はてなブログでは様々なソースコードを簡単に色づけすることができます。

1:ブログの設定を変えます

ブログの設定で「編集モード」で「はてな記法モード 」を選択します。
(デフォルトでは「見たままモード」になっています)

2:色づけしたい部分を

>|ruby|
ここにソースコードを書きます。
また、それぞれの半角スペースは削除してください。
|| <

で囲みます。
また、ソースコードの言語を最初の||内に書きます。

以上で簡単にソースコードを色づけることができます。
参考ページ: ソースコードを色付けして記述する(シンタックス・ハイライト)