2014年9月12日金曜日

【Blogger】訪問済みハイパーリンクの文字色を変更する方法

一般的にwebサイトでは、ハイパーリンクが設定されている文字には、それがリンクであることがわかるように、本文の文字色とは違った色が設定されています。

そして、そのリンクが「訪問済み」なのか「未訪問」なのかが、わかるようにそれぞれ違った文字色が設定されていることが多いです。

しかし、何らかの理由で訪問済みのリンクであっても、文字色を変えたくない。
または、デフォルトの文字色とは別の任意の文字色を設定したい、ということがあります。

そこで、Bloggerで訪問済みハイパーリンクの文字色を変更する方法を記載します。


  1. マイブログの左側のメニューから「テンプレート」を選択します
  2. 「カスタマイズ」をクリックします。
  3. メニューの「上級者向け」→「リンク」とクリックします。
    リンクの色を変更できる画面になるので、好みの色を下から選択します。下のパレットの色以外に設定したい時は、直接16進数の色コードを入力することも可能です。
    変更のプレビューが画面の下に表示されるので、どのように表示されるかを確認しながら色を選択することができます。
  4. 右上の「ブログに適用」をクリックすると適用されて完成です。
  5. ちなみに、このテンプレートデザイナーでのリンク色の変更は、「HTMLの編集」画面では以下の部分が変更されます。
    「link.color」はリンクの色、「link.visited.color」は表示済みの色、「link.hover.color」はカーソルを合わせたときの色を表していて、「value」の色コードが変更されます。

0 件のコメント:

コメントを投稿