Seesaaブログの文字色とリンク色の変更方法(変え方)

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

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

変え方はいたってカンタンなので、5分もあれば完了しますよ!

これから変えていく文字とリンクの色はココ

これから変えていく作業をする文字とリンクの色はこちらになります。

  • ブログ全体の文字の色(.text)
  • リンクの色(a:link)
  • リンクにマウスポインタを重ねた時の色(a:hover)
  • 訪問済みのリンクの色(a:visited)

Seesaaブログの文字とリンクの色を変更していく手順

まずSeesaaブログにログインしてください。

1. ログイン後の画面にある「デザイン」か、左端にあるメニュー内の「デザイン」をクリックしてから「デザイン設定」をクリックします。
デザイン設定

2. 適用中(使用中)のデザインタイトルをクリックします。
適用中のデザイン名

3. スタイルシートの枠内の一番下に以下のタグを追加(貼り付け)します。

貼り付けるタグ

.text{
color:#333333;
}

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

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

a:visited{
color:#0044CC;
}

貼り付けるとこのようになります。
CSSに追加したタグ

4. これらのタグを貼り付けたら「保存」をクリックすれば完了です。

それぞれのタグが意味するのは?

上記のタグは当ブログ推奨の文字色とリンク色を選んでいますが、それ以外のお好みの色を使いたい場合はそれぞれの箇所の色コードを変更なさってください。

それぞれのタグが対応しているのは

.text・・・文字の色
a:link・・・リンクの色
a:hover・・・リンクにマウスポインタを重ねた時の色
a:visited・・・クリック済み(訪問済み)のリンクの色

となります。

アドセンス広告を貼る場合は、アドセンスの広告ユニットとリンクの色を合わせるとクリック率がアップします。

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

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

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

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

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

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








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

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

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

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

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

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

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

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

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