はてなブログでリンクの文字色を変える方法

ブログテーマを変更したのに合わせて、リンクの文字の色も変えました。

初期設定はブルーで色が合わなかったので、みどり色に変えました。

小さい動きですが、指やマウスが乗った時に、文字が「にょっ」と横に傾くようになっていて気に入っています。

f:id:midori32:20150607121017j:plain

設定方法

管理画面で【デザイン】 →【編集（工具のマーク）】 →【デザインCSS】

に移動します。

このブログでは、デザインCSSの空欄に以下のように記載しています。

a{/*リンクされた文字*/

color:#388e3c; 　/*←色指定*/

font-style:normal;

}

a:link {/*未訪問のリンク*/

color:#388e3c;

font-style:normal;

text-decoration:none;

}

a:visited {/*訪問後のリンク*/

color:81c784;

text-decoration:none;

}

a:hover {/*マウスをのせたとき*/

color:#FF9800;

font-style:italic;/*斜体にする*/

text-decoration:none;

}

a:active {/*クリック中*/

text-decoration:none;

}