/* (3-2) ブログヘッダー
--------------------------------------------*/

その箇所の下の .skinHeaderArea
今回はここを修正するよ


.skinHeaderArea


CSSを書く

.skinHeaderAreaの　「 .skinHeaderArea{ 」から 「 } 」の間を下記のように修正してください
※ 「 .skinHeaderArea{ 」 から 「 } 」 の間にもともと書いてあった文字は全て消して、下記のように修正してください

.skinHeaderArea{
height: 画像の高さpxをここに書くpx;
background: url(画像のパスをここに書く) no-repeat 50% 50% ;
}


実際に画像の高さと画像のパスを入れるとこんな感じになるよ

.skinHeaderArea{
height:300px;
background: url(http://xxxxxxxxxxxx) no-repeat 50% 50% ;
}



ブログのタイトルも含めて画像にしたい場合



CSSの一番下にこのCSSを貼り付けます
/* ブログのタイトルも含めて画像にする */
.skinBlogHeadingGroupArea{
padding:0;
}
.skinTitle{
display:block;
text-indent:-9000em;
outline:none;
height:画像の高さpxをここに書くpx ;
background: url(画像のパスをここに書く) no-repeat 50% 50% ;
}
.skinDescriptionArea{
text-indent:-9000em;
height:0px;
}



青字の画像の高さと画像のパスも書いてください。



実際に画像の高さと画像のパスをいれるとこんな感じになるよ

/* ブログのタイトルも含めて画像にする */
.skinBlogHeadingGroupArea{
padding:0;
}
.skinTitle{
display:block;
text-indent:-9000em;
outline:none;
height:300px;
background: url(http://xxxxxxxxxxxxx) no-repeat 50% 50% ;
}
.skinDescriptionArea{
text-indent:-9000em;
height:0px;
}

できた？？？