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

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

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

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

ここで変更するのは

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

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

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

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

2.　利用中のデザインタイトルをクリックします。

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

貼り付けるタグ

貼り付けるとこのようになっているはずです。

4.　貼り付け終わったらページ下部の「保存」をクリックして完了です。

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

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

書き加えた指定の意味

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

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

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

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