GoogleのBloggerの文字を大きくする | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

ブログサービスBloggerの文字を大きくする方法。
拡大

こんにちワ。

ただ「どんなブログサービスなんだろう?」って思って、試しにアカウントを作ってみたBloggerなんですが、いやなんとも文字が小さいです。
でもって検索で調べてみたんですが、このアメブロと違って、なかなかピッタリする回答にめぐり会えないという!w

ま、そんでも、ごちゃごちゃイジクッてたら方法が分かりました^^;

どうせ大した事を書く気もないブログサービスではあるんですが、一応忘れないようにメモしておきたいと思います。(このアメブロにも、大した事を書いてないですが・・大汗)

GoogleのBloggerの文字を大きくする方法

このアメブロと違って「CSS編集」ってページが見つからなかったんですが、「CSSを追加」から辿り着ける事が分かりました。

1.テンプレート

最初に「ダッシュボード」のサイドバーの「テンプレート」をクリックします(↓)
~010~

2.カスタマイズ

切り換わった画面の「カスタマイズ」をクリックします(↓)。
~010~

3.上級者向け

ここは、自分みたいな初心者であっても、タメラワズに「上級者向け」をクリックします^^;(↓)
~010~

4.CSSを追加

切り換わった画面左側のスクロールバーを下げて、「CSSを追加」をクリックします(↓)。
~010~

5.カスタムCSSの追加

切り換わった画面の入力フォームに以下のコードを記述して、「ブログに適用」ボタンを押します。
/*文字を大きく*/
.post-body {
margin: 0 0 .75em;
line-height: 1.6em;
font-size: 17px;
}

(※文字の大きさ、行間等は、お好みで調整してみて下さい。)(↓)
~010~

■なお、同じ要領で、以下のコードを「CSSを追加」画面に記述すると書体をメイリオにする事ができます。
/*メイリオフォント*/
* { font-family:"meiryo","メイリオ","MS Pゴシック",sans-serif; }
h2 { font-family:"meiryo","メイリオ","MS Pゴシック",sans-serif; }
h3.post-title, h4 { font-family:"meiryo","メイリオ","MS Pゴシック",sans-serif; }
.Header h1 a { font: normal normal 48px Georgia, Utopia, 'Palatino Linotype', Palatino, serif; }
h3.post-title a { font-family:"meiryo","メイリオ","MS Pゴシック",sans-serif; }
.Header h1 { font-family:"meiryo","メイリオ","MS Pゴシック",sans-serif; }


*こちらのサイト様を参考にさせて頂きました。⇨FAQ:Bloggerの投稿記事の本文のフォントを大きくしたい | ふりむけばコウホウ

*設置例⇨

◯思うこと
文字が読みやすくなると、自分では、「お試しブログ」のつもりでも、もしかしてまともに読んでくれる方も出てくるかもしれないです。
真面目な内容を書くように気をつけます^^;



☆ブィブィ  ('-^*)/