BloggerのCSSで見出しの調整を実行！素人がBloggerのCSSで躓くポイントがすべてここに！

BloggerでCSSを変更して、見出しを分かりやすいようにしてみました。

ただしブログ記事を投稿するのは、ちょっと感覚とはズレてしまいます。
それでも、ワタシ的にはBloggerのブログ記事を読むには、こうった見出しがあったほうがいいかなぁと思っています。

ブログ記事を書くほうは、慣れればなんとかなると思うのです。

このブログで説明している、BloggerのCSS変更はオススメが出来るものではありません。

Bloggerのブログ記事を投稿は、手軽に出来て、イメージに迷いがないのが一番だと思うからです。

現在の、このブログは、Bloggerのウェブサイトではこう見えています

しかし、Bloggerのブログ投稿画面上では、こう見えていてかなり書きにくいのです。

かなり感覚的に違いがあることが分かると思います。

BloggerのCSSの変更は、この方法がベストとはいえません。

もっと、ちゃんとしたBloggerのCSSで賢い方法が見つかるまでは、感覚的には辛いですがこの方法でしばらくやってみます。

いまはHTMLでの記述をしていませんが、作成方法はHTMLと切り替えながらブログを書いたほうがいいかもしれません。

一応、CSSに以下の記述を追加すると、見出しのスタイルが変わります。

Hatena BlogのCSSが上手くいったので、その勢いでBloggerのCSSに挑戦してみましたが、BloggerのCSSの変更はかなり大変でした。

まず、シンプルなBloggerのCSSの変更方法をブログ記事にしている人が少ないということ、また、どうしても経験値がない素人のワタシは試行錯誤が必要なので、ちょっとした勘違いで簡単に躓いてしまいます。

CSSの記述は以下の通りです。

/*日付*/
h2{
font-size: 130%;
}
/*コメント小見出し*/
h4{
font-size: 130%;
margin:10px 0px;
padding:0 0 3px 15px;
border-left:6px solid #356cc4;
}
/*大見出し*/
h5{
font-size: 180%;
margin:8px 0px;
padding:0 0 3px 10px;
border-left:15px solid #356cc4;
}
/*中見出し*/
h6{
font-size: 150%;
margin:8px 0px;
padding:0 0 3px 10px;
border-left:10px solid #356cc4;
}

BloggerのCSSの調整は慎重におこなったほうがいいでしょう。

恥ずかしながら、まだ未完成のBloggerのCSSの記事でした。