はてブロのソースコードのフォントサイズを小さくする

はてなブログのソースコードはフォントサイズが大きすぎると前々から思って居ましたが以下の通りにするとサイズを変更できます。

設定方法ですが（2014/08/15現在）はてなブログの[デザイン] → [カスタマイズ](レンチアイコン) → [デザインCSS]選択しテキストボックスの最後に以下のCSSを追記しましょう。

pre {
    font-size : 11px
}

本記事ははてなダイアリーのスーパーpre記法のデザインを変えてみたを参考にしました。