ブログタイトルの文字色・背景色を変更 yozoの気が向いたと記2.0

ブログタイトルの文字色・背景色を変更

FC2ブログにログインして、管理者ページの左サイドの「環境設定」の項目[テンプレートの設定 ]をクリックします。
「現在設定されているスタイル」の表の「編集」の欄の[ 修正 ]をクリックします。
「スタイルシートの編集[テンプレート名]を編集しています。」の欄の中でクリックします。（この中であればカーソルはどこでも構いません。）
- 必ずバックアップしましょう！
　いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょう。間違って失敗しても、「css_bk.txt」の内容をコピペすれば、元に戻すことができますよ♪
[Ctrl]＋[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにa:linkと入力して、検索してください。
a:linkの.entry{～}の中にpadding-left: 20px;を追加します。
ブログタイトルの背景色の変更

/* タイトルバナー */
#banner {
padding: 15px;
border-bottom: 1px solid #666699;
color: #999999;
background: #cc0033;←デフォルトは#8fabbe
background-position: right top;
background-repeat: no-repeat;
/* background-image: url(".gif");*/←画像の場合はここを利用します。urlを記入して『/*』『*/』を削除しましょう
text-align: left;
}

ブログタイトルの文字色の変更

#banner a,
#banner a:link,
#banner a:visited {
color: #cd5c5c;←デフォルトは#FFFFFF
font-size: 32px;
text-decoration: none;
}
#banner a:hover {}
#banner a:active {}
/* タイトルバナー下の説明 */
#banner h2 {
color: #cd5c5c;←デフォルトは#FFFFFF
font-size: 12px;
}
[プレビュー]で確認して、[更新]をクリックしましょう。

なお、このテンプレートは、小粋空間のyujiroさん作成のFC2ブログテンプレートからお借りしたものです。

yozoからのお願い

　この記事のやり方は、yozoが実際にやってみたことを書いているだけです。この記事のやり方だけしかないというものではありませんし、もっと簡単で、すばらしい方法もあると思います。この点をあらかじめご了承ください。
　また、言うまでもないことですが、この記事を参考にされるのでしたら、「CSS編集」は自己責任で行ってください。そして、必ずバックアップを取っておくようにしてくださいね♪
　この記事を参考にされた場合は、結果や感想を、CommentやTrackbackしていただけたら、うれしいです。もちろん、「これではおかしいのでは？」とか「こうしたほうが良い。」というご指摘やご指導もありがたく頂戴したいと思っています。よろしくご協力ください。　m(_ _)m

↓　ぽちっと応援お願いします♪ m(_ _)m