アメブロ読者数の色や大きさを変更する方法

アメブロのサイドバーに表示されている
読者数の色や大きさを変更する 方法を解説します。

上図のように、CSS編集用デザインの初期状態では読者数が上図のように表示されてます。
 

 

1.ブログ管理

①【デザインの変更】をクリックしてください。

 

2.デザイン変更

②【CSSの編集】をクリックしてください。

 

3.画面スクロール

③ デザインCSS画面を一番下までスクロールしてください。

 
次に、CSSタグをコピー&ペーストします。

 

4.タグをコピーする

④ 以下のCSSタグをコピーしてください。

/* 読者数の色や大きさを変更する */
.skin-readersCount{
font-size:★px;
color:★;
}

 
 

5.タグをペーストする

⑤ CSSタグの一番最後にタグをペースト(貼り付け)してください。

 

6.タグの編集

⑥ 読者数の色や大きさを変更します。
★にフォントサイズとカラーコードを上書きしてください。

 
 

7.保存

7.【保存】をクリックしてください。

 

8.変更完了

読者数の色や大きさを変更が完了しました。

 

 

カスタマイズ方法

 
 
icon-pencil フォントサイズを変更する方法

サンプルタグ内の
font-size: ★px; のフォントサイズを変更してください。

例)
font-size:  ★px;

≫変更後
font-size:  30px;

 
 
icon-pencil 文字色を変更する方法

サンプルタグ内の
font-color: ★; のカラーコードを変更してください。

例)
font-color:  ★;

≫変更後
font-color:  #ff0000;

 カラーコードの見本はこちら