アメブロのヘッダー背景色を変更する

アメブロヘッダーの
背景色を変更する 方法を解説します。

上図のように、CSS編集用デザインの初期状態ではヘッダー背景色は設定されていません。
 

 

1.ブログ管理

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

 

2.デザイン変更

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

 

3.画面スクロール

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

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

 

4.タグをコピーする

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

/* タイトルと説明文を移動する
——————————————–*/
.skin-bgHeader {
background-color: ★;
}

 
 

5.タグをペーストする

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

 

6.タグの編集

⑥ ★にお好みのカラーコードを上書きしてください。

 

7.保存

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

 

8.変更完了

ヘッダーの背景色の変更完了です。

 

 

カスタマイズ方法

 
 
icon-pencil 文字を上下に移動する方法

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

例)
background-color: ★;

≫変更後
background-color:  #000000;

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