Blogger #8：デザイン変更 (4)

"notice"クラスで文字を赤字で表示するように設定する。

---

※ 前回記事：#7：アナリティクスを使うには？

手順

Bloggerメニューの [テーマ] - [カスタマイズ]の▼ボタン - [HTMLを編集]
"<b:skin>"の上あたりにCSSを挿入

.notice {color:red;}

現在の設定

現在のCSS設定は以下の通り

body { font-family: Kosugi, "Sawarabi Mincho"; }
h2 { font-size: 18px; border-bottom: 2px solid #888888; margin-bottom: 10px;}
h3 { font-size: 16px; border-bottom: 1px solid #888888; margin-bottom: 3px;}
table th, table td {border: solid 1px black;}
table {text-align: left; border-collapse: collapse;}
th {background: #fff5e5;}
th, td {padding: 2px 5px 2px 5px;}
.border { text-decoration: underline;}
.box {border:1px solid #888888; padding: 3px 3px 3px 6px;}
.code {background-color:#eeeeee; padding: 5px;}
.keyword {font-size:8px;}
.indent {margin-left: 10px;}
.margin-top {margin-top: 10px;}
.margin-bottom {margin-bottom: 10px;}
.notice {color:red;}

---

Blogger