Seesaaブログ【新デザイン】文字色とリンク色の変更方法

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

色の選択
ここでは新デザイン版Seesaaブログの文字色とリンク色の変更方法を解説していきます。

旧デザイン版とは変え方がすこし違いますが、作業自体は5分もあれば済むほどカンタンです!

色を変更する部分の確認から

ここで変更するのは

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

の4つの文字とリンクの色です。

新デザイン版Seesaaブログの文字とリンクの色の変え方

まずご自分のSeesaaブログへログインしてくださ。

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

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. 貼り付け終わったらページ下部の「保存」をクリックして完了です。
保存ボタン

こういった文字色の指定などを書き込むファイルを「スタイルシート」とか「CSS」と呼びます。このスタイルシートは下に書かれた指定が最優先されるため、一番下に書き加えるわけです。スタイルシートの上部に基本設定の色指定がありますが、それは無視されるルールになっています。

「hover」や「visited」は何を意味している?

文字色やリンクの色を変更する際に一緒に書き加えた「hover」や「visited」がそれぞれどんな意味があるのか説明します。

書き加えた指定の意味

  • a:link・・・リンクの色の指定
  • a:hover・・・リンクにマウスポインタを合わせた時の色の指定
  • text-decoration:underline;・・・リンクにマウスポインタを合わせた時に文字に下線を引く指定
  • a:visited・・・一度クリックした「訪問済みリンク」の色の指定
  • .text・・・文字の色の指定

ここではアドセンス広告のクリック率を高めるために当ブログ推奨の文字色とリンクを色をしています。

これらの色や設定を後で別のものに変更するときに困らないよう、ある程度おぼえておいた方が良いでしょう。

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

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

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

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

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

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








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

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

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

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

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

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

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

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

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