アメブロの既存のデザインのコメントの文字を大きくする
![103579370](https://farm8.staticflickr.com/7606/16554560867_5b8da3ee9a_o.jpg)
こんにちワ。道路工事きもまろです○┓ペコリ
アメブロさんで提供してくれてる既存のデザインのブログのコメント欄の文字を大きくする方法を御案内してみたいと思います。
こんなのを・・(↓)
![コメント欄 01](https://farm8.staticflickr.com/7586/16497971133_0cfb001801_o.png)
こんな風にする方法です・・(↓)
![コメント03](https://farm9.staticflickr.com/8721/16932118299_da0ed1ef6d_o.png)
アメブロの、フリースペース編集を使います。
フリースペース編集への行き方
1.「マイページ」の「ブログを書く」を押して下さい。
![マイページ](https://farm9.staticflickr.com/8756/16496110184_69b15e25ce_o.png)
2.切り替わったパソコン画面左側の「設定・管理」を押して下さい。
![設定・管理](https://farm8.staticflickr.com/7594/16930805808_302103f531_o.png)
3.パソコン画面右下方の「フリースペース編集」を押して下さい。
![フリースペース編集 01](https://farm9.staticflickr.com/8772/16931115790_81ae7ecb4f_o.png)
「フリースペース編集」にコードを記述(貼り付け)
「フリースペース編集」に以下のコードをコピーして貼り付けて下さい。
<!--コメント欄のタイトルと文字を大きく-->
<style type="text/css">.commentBody{font-size:1.3em;}</style>
<style type="text/css">.commentHeader{font-size:1.3em;font-weight: bold;}</style>
<style type="text/css">.commentBody{font-size:1.3em;}</style>
<style type="text/css">.commentHeader{font-size:1.3em;font-weight: bold;}</style>
↓
![フリースペース03](https://farm9.staticflickr.com/8743/16931004788_42a938624e_o.png)
*1.コピーペーストの方法は、こちらを参考にしてみて下さい。
⇒コピー&ペースト:コピペの方法
*2.もし上記の設定が反映されないようでしたら、キーボードの「F5」キーを押してみて下さい。
*3.既存のデザインでは無く、「CSS編集用デザイン」の方も上記のコードを「フリースペース編集」か「フリープラグイン」に貼り付ける分には反映されますが、 「CSS編集」に貼り付けてしまうと反映されないばかりか、以降に記述したコードも反映されなくなってしまいますので御注意下さい。
〇思うこと
初期設定のままだと、若干コメント欄の文字って小さいような気がします。
こんな設定をしてやると、コメントのやり取りがチョビっとだけスムーズになるのでわぁ~と思います^^;
初期設定のままだと、若干コメント欄の文字って小さいような気がします。
こんな設定をしてやると、コメントのやり取りがチョビっとだけスムーズになるのでわぁ~と思います^^;
☆ブィブィ ('-^*)/
ずいぶん凝ってますね。お客さん!!