アメブロのh2タグの直後に線（hrタグ）を入れる方法

こんにちは。はまじです。
以前のエントリーでMarkdown使うと便利だと紹介しましたけれども、表示が気持ち悪いですよね。

簡易記法系の言語の風習？として、H1タグやH2タグ直下に下線（hrタグ）が引かれています。
アメブロでもできないかいろいろ試行錯誤してみた結果、フリープラグインで解決することができました。

アメーバのブログ管理画面（投稿画面）の左のメニューから、「プラグイン追加」という項目があります。
そこに飛んだ後、「フリープラグイン」というタブを選択すると、空欄のテキストボックスが出るはずです。
そこに以下のHTMLをコピペしてください。

<style type="text/css">
article h2 {
  border-bottom: 1px solid #999;
}
</style> 

その後保存し、画面の手順にしたがって、サイドバーにフリープラグイン設置しましょう。

こうすることで、記事内のh2タグ全てにアンダーラインが引かれます。便利！！！
上記の画像だった記事も、今ではちゃんと線が引かれて見やすくなっています！

この調子でどんどん改造していきましょう。
（ちなみに自分はすでにSyntaxHighlighter入れてるせいで、文字数制限に引っかかりそうです。やばい）