FC2ブログの文字色とリンク色の変更方法@3分で変える!

目安時間:約 3分
  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

カラフルな文字
ここではFC2ブログの文字色とリンクの色の変更方法を解説していきます。

難しそうですが、実は簡単な操作で変えることができるので、何度でもしっくりくる色が見つかるまで試すことができますよ。

今回、色を変える部分はこちらです

FC2ブログで初期設定されている

  • ブログ全体の文字の色
  • リンクの色
  • リンクにマウスポインタを重ねた時の色
  • 訪問済みのリンクの色

という4種類の文字とリンクの色を変えていきます。

FC2ブログの文字とリンクの色を変更する手順

さっそくFC2ブログにログインしてください。

1. メインメニューにある「テンプレート[PC]」か、左メニューにある「テンプレートの設定」をクリックします。
メインメニュー

2. 「[ basic_white1 ] のスタイルシート編集」の枠内の一番下に以下のタグを追加(貼り付け)します。
※[ basic_white1 ] の名前はお使いのテンプレートによって異なります。

貼り付けるタグ

body {
color: #333333;
}

a:link{
color:#0044CC;
text-decoration:none;
}

a:hover{
color:#0044CC;
text-decoration:underline;
}

a:visited{
color:#0044CC;
}

貼り付けた後はこのようになっているはずです。
スタイルシート編集

3. 最後に「更新」をクリックすれば完了です。

お好みの色にカスタマイズしたい場合は?

ここで指定した色は当ブログが推奨するアドセンスでクリック率を最大限に高める色の組み合わせですが、これ以外でご自分で好きな色を指定したい場合があるかと思います。

それぞれがどの色の部分に対応しているか確認の上、色を変更なさってみてください。

それぞれのタグが指定している色

  • a:link・・・リンクの色の指定
  • a:hover・・・リンクにマウスポインタを合わせた時の色の指定
  • a:visited・・・一度クリックした「訪問済みリンク」の色の指定
  • body { color・・・文字の色の指定

基本的な配色は文字色は黒でリンクの色は青となっていますから、ここから大きく逸脱しないで指定することをお奨めします。

【今だけ】アドセンスブログ(実物)を公開中

今ならメルマガに登録していただくと、そのなかで
私が作ったアドセンスブログの実物(URL付き)を限定公開しています。

また、FC2ブログとSeesaaブログのアドセンス用テンプレートもプレゼントいたします。

アドセンスで単価が高いジャンルの探し方など、ブログではお伝えできないことも書いてますので、ぜひぜひ読んでみてください。

もちろんすべて無料です!

 メルマガへのお申し込みはこちらから








  • このエントリーをはてなブックマークに追加
  • 人気ブログランキング

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: 
最近の投稿
カテゴリー
このブログを書いている人

・2010年10月よりアドセンスを開始

・2015年6月に1ブログで30万円超えを達成

くわしいプロフィールはこちら

よく読まれている記事
タグ
お問い合わせはこちらから

聞いてみたいことがあれば、お気軽にメールをください!

ブログに投票をお願いします