Blogger beta のテンプレートの中には、コメント欄が読みづらいものがあります。そこで今回は、Blogger beta のコメント欄を少し読みやすくする方法をご紹介。

たとえば、こんなの（クリックで拡大）。



上の画像は、うちの実験用 Blogger beta ブログのコメント欄なんですが、コメント投稿者名、コメント本文、投稿日時が、全て同じインデントで並んでいて、読みにくいのです。そこでコメント欄をこんな感じ（クリックで拡大）



にしちゃおうという訳です。


手順

Blogger beta 管理画面「Template ＞ Edit HTML」で表示されるテンプレートから

]]></b:skin>

を見つけ出し、その直前の行に

.comment-body {
  padding-left: 10px;
}
.comment-footer {
  text-align: right;
}

を挿入して「SAVE TEMPLATE」ボタンを押します。それだけです。