-->

2018年4月5日木曜日

Bloggerで本文のリンクのみ自動で下線を付ける方法

””
Bloggerはデフォルトではリンクに下線が付きません。
今回は本文のリンクに自動で下線を付ける方法をメモ。

本文のリンクのみ下線を付ける

「テーマ→カスタマイズ→上級者向け→CCSを追加」と進み、CSS入力欄に以下のコードを追加します。

/*本文のリンク下線あり*/
.main a{
text-decoration: underline;
}

/*本文のリンクポインタで下線あり*/
.main a:hover{
text-decoration: underline;
}

/*ラベルの下線なし*/
.post-labels a{
text-decoration:none;
}

/*記事タイトルの下線なし*/
h3 a:link{
text-decoration: none;
}

/*モバイルの記事タイトル下線なし*/
.mobile-post-outer a{
text-decoration:none;
}

「ブログに適用」をクリックで反映されます。

「HTMLの編集」で直接テーマを編集する場合は、]]></b:skin>の直前にコードを挿入します。
テーマをいじるので、バックアップしてから作業しましょう。
参考サイト様:bloggerでリンクに下線をつける方法css編/カスタマイズ

やろうやろうと思っていたリンクの下線にようやく着手できました。
これまでは手動で付けていたので、作業が楽になります。
スポンサーリンク
こんな記事も書いてます↓