Blogger海外無料テーマ【見出しデザインを変更する】

 海外無料テーマには、見出し、h1,h2,h3のデザインが設定されておらず、ぱっと見地味な感じになります。

シンプルが好き、という方はそのままでもいいと思いますが、簡単な方法で見出しデザインが追加できます。

参考元は、サルワカさん。

1. こちらのページから、自分が気に入った見出しのコードをまるっとコピー。
2. レイアウト⇨テーマデザイナーを表示
3. CSSを追加するから、コピーしたコードを貼り付け

以上です。

サルワカさんのコードには、h1のみ用意されていますが、

h1 {
  color: #6594e0;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #6594e0;
}

このコードを丸っとまたコピーして、最終行にペースト。

h1をh2に変更すれば、h2にも適用されます。

その時に、h2の色をh1とは違う線の太さ、色を変えたい時は、 color:の次にあるWEB色見本　原色大辞典から該当する番号を入れる。 線の太さを変更したい時は、２pxの数字を適宜変える。

 線の色を変更したい時は、colorと同じく、HTML色辞典から該当する番号を入れる。

当ブログは、かわいい系見出し、肉球マーカーを使用しています。

簡単ですね！