マイページからデザインの変更を選んでください。
下記のような画面が出てきます。
ブログデザインを探すというところで、必ず【カスタム可能】と書いてある部分をクリックしてください。
その中の【ＣＳＳ編集用デザイン】と書いてあるものを選んでください。
すると下記のように適用中のデザインというところで、【ＣＳＳ編集用デザイン】と表示されていると思います。
次に、ヘッダーに設定したい画像をアップロードして、【この画像のパス】という所に表示されているＵＲＬをコピーしておきます。
ＣＳＳ編集画面の【ブログヘッダー】と表示されている箇所を画面に表示させます。
場所がわからない場合は、キーボードの「Ctrl」+「F」を押すと下記のような検索窓が表示されます。
ここで、【ブログヘッダー】と入力すると下記のように表示されるので簡単に場所がわかります。
ヘッダーに画像を表示させるためにはskinHeaderArea{ }の{ }の間に文字を入力します。
ここで、下記のように文字を入力します。
（緑文字が追加した文字、青文字は先ほどコピーした画像のＵＲＬを入力します。）
各項目の説明は下記に記しておきます。
「height」というのは「高さ」のことなので、ヘッダーに表示させたい画像に合わせて変更します。」
たとえば、ヘッダー画像がタテ３００pxだったら「height:３００px」
タテ１０００pxだったら「height:１０００px」
という風に変更します。
但し、注意点がひとつあります。
アメブロヘッダー画像の大きさは、次のように（幅９８０px、３００px）決められています。
なのでこれ以上の大きな画像を用意してもこの範囲内で表示されますので注意してください。
上記画像の中の【背景画像の繰り返しを設定】という箇所を見てください。
この部分の説明は下記に記してあります。
下記に変更してみた場合の画像を載せてみました。
この画像でなんとなく変更した場合のイメージをつかんでいただけると思います。
【background-repeat:repeat;】の場合は下記のようになります。
【background-repeat:no-repeat;】の場合は下記のようになります。
今回、このＣＳＳ編集に関して参考にした無料レポートがあります。
下記の文字をクリックすればダウンロード先のサイトへ行けるので、気になる方は自分でダウンロードして色々といじってみてください。
●『【スザンヌみさき】～これであなたもアメブロマスター！～『アフィリエイター必見！アメブロをアフィリエイト用レイアウトにして、訪問者を狙ったコンテンツへ誘導するヘッダーカスタマイズ「４つのポイント」』』
また、参考にした無料レポートの作者さんのアメブロサイトも下記に記しておきます。
ブログ内容も見やすく、気になる情報が沢山書かれていて初心者の方にはオススメのブログです。
左クリックですぐ移動できますので、気になる方は訪れてみてください。
●スザンヌみさきの！ブログアフィリエイトで月１０万円稼ぐクリエイティブブログ★