*CSSカスタム ヘッド画像*

 
 　　　　　　　 　画像アップロード　 

 ご自分の画像をサイズ変更することから始まります。

ペイントを立ち上げる。

 画像を呼び起こす

 サイズを変更　→　ピクセルにチェック　→　縦横比のチェックを外す　→　水平方向　900　，　垂直方向　300　→　ＯＫ

 ここまで、できたらペイントの中で保存をしてください。


 デザイン変更からＣＳＳ編集画面を開く

 
 
 参照をクリック　→　ペイントで保存した画像を選ぶ　→　アップロード

　　　　　　　すると、上のような画面がでてきます。


  黒丸で塗りつぶしていますが、ご自分のアップロードした画像には画像ＵＲＬがでています。

 
/* アメブロヘッダー画像設定用CSS貼り付けコード */
.skinHeaderArea{
  height:300px;
  background-image:url(画像のURL);
  background-repeat:no-repeat;
  background-position:center top;
}

これをＣＳＳの一番下に貼り付ける。


 貼り付けたら　画像ＵＲＬ　の所に先程、アップロードしたＵＲＬを貼り付ける。

 保存する前に確認をしてみて下さいね。



自分の覚書で手順を残しています。
これに関しては、こちらが凄く分かり易かったのでご紹介します。