平成アメブロカスタマイズ

平成アメブロカスタマイズ

無料で作れるアメブロカスタムブログ

Amebaでブログを始めよう!
平成アメブロカスタマイズ

ブログ開設初期の状態では、ヘッダ画像は使用されていません。

今回は、インパクトのあるブログのヘッダ画像を使用する方法を解説します。


1.画像を用意する

高さ300px × 幅980 px の画像を準備してください。


平成アメブロカスタマイズ-画像サイズ


2.デザイン編集画面を開く

次にブログの管理画面から「デザインの変更」を選択してください。


平成アメブロカスタマイズ-デザイン変更



次に「CSSの編集」を選択してください。

平成アメブロカスタマイズ-CSS編集


3.画像をアップする

先ほど作成した画像をアップロードしてください。

平成アメブロカスタマイズ-アップロード


4.CSSのソースをコピペします。

/*ヘッダイメージの変更*/
.skinHeaderArea{
background-image: url(/*先ほどアップした画像のURL*/);
background-repeat: no-repeat;
background-position: center top;
width: 980px;
height: 300px;
margin-bottom:20px;/*画像の下に20pxに20pxの余白*/
}
/*終わり*/


平成アメブロカスタマイズ-コピペヘッダ



5完了です( *´艸`)

どうですか?簡単でしょ?

また次回お楽しみください☆