[当ブログは、アフィリエイトプログラムに参加しています。ページに広告が含まれる場合があります]

2018/04/05

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編/カスタマイズ
やろうやろうと思っていたリンクの下線にようやく着手できました。
これまではその都度設定していたので作業が楽になります。