ブログ カスタマイズシリーズ第四弾！

今回は、書いていただいた各人のコメントごとに
区切りを入れて、見やすくしてみました。
過去の
1. 「画像編集ソフト」 は、こちら。
2. 「faviconを設定してみた」 は、こちら。
3. 「iPhone 用アイコンを設定してみた」 は、こちら。

まずは、一番簡単な方法から。
スタイルシートに背景色の設定を追加するだけです。





管理画面の 「テンプレート」 から、使用中テンプレートの 「カスタマイズ」 を
クリックします。




スタイルシート欄から ”.comments-post” を探します。
※ブラウザによっては、Ctrl + F を押すと検索ウィンドウが開いたりします。




”.comments-post” の設定、”｛” から ”｝ の間に、背景色を設定します。
background:#nnnnnn;

※nnnnnn は、色コードです。
　色コードで検索すると、実際の色と 値が記載されている HPが
　見つかると思いますので、参考にしてください。

ちなみに私は、こんな風に設定してみました。
.comments-post{color:#CCC;font-size:0.9em;text-align:right;margin-bottom:25px; background:#444444;}




個別記事欄のところにある をクリックします。

こんな風に、投稿者の名前の行に色がついていれば OKです。





「登録」を押して、編集を終了します。

登録したくない場合 (やりなおしたい、とか、スタイルシートをいじりすぎた)
という場合は、「戻る」を押せば保存されずに終了できます。



※コメントは質問のある方のみで m(_ _)m
　もしくは、ど～しても一言書きたいと言うならば・・・ （笑）