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

1. FC2ブログにログインして、管理者ページの左サイドの「環境設定」の項目[テンプレートの設定 ]をクリックします。
2. 「現在設定されているスタイル」の表の「編集」の欄の[ 修正 ]をクリックします。
3. 「スタイルシートの編集[テンプレート名]を編集しています。」の欄の中でクリックします。（この中であればカーソルはどこでも構いません。）
   
   • 必ずバックアップしましょう！

   
   　いつも書いてますが、編集する前に、必ずCSSのコードをコピーして、「css_bk.txt」(例)のようにバックアップファイルを作成しておきましょう。間違って失敗しても、「css_bk.txt」の内容をコピペすれば、元に戻すことができますよ♪
4. [Ctrl]＋[F]([Ctrl]キーを押しながら[F]キーを押す意味です。)で、検索ダイアログが開きますから、これにa:linkと入力して、検索してください。
5. 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;
   }
6. [プレビュー]で確認して、[更新]をクリックしましょう。

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

• yozoからのお願い

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

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

↓yozoの気が向いたと記2.0の関連記事紹介

• CSS編集をしましょう

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