■手順
①トップの画像を用意する
画像サイズは、
「横９８０pix（ピクセル）以内 × 縦は任意です。」(1MB以内)
とのことです。
（画像の大きさはCSSの記述で変更できるようです）
②「ブログを書く」を選択
③「デザインの変更」を選択
④「CSSの編集」を選択
⑤「ブログデザインヘッダ・背景用画像の追加」の「選択」で
パソコン内のトップの画像を選択
⑥「アップロード」を選択
「この画像のパス」というのが表示されます。
（後ほど、この文字列を「コピーした画像のパス」の部分にコピーします）
⑦CSSの
「/* その他、拡張があれば記述 */」から
「/* ヘッダー下にグローバルナビ(グローバルメニュー)を設置する */」までの間に、
「ここから」から「ここまで」をコピーして貼り付ける。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ここから＝＝＝＝＝＝＝＝＝＝＝＝＝＝
/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
background-image: url(コピーした画像のパス);
background-repeat: no-repeat;
background-position: center top;
width: 980px;
height: 300px;
margin-bottom: 10px;
}/* ←ブログヘッダーに背景画像を敷きたいとき */
.skinBlogHeadingGroupArea {}
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea {
text-indent: -9999px;
}
/* クリックするとブログのトップに移動 */
.skinTitleArea a.skinTitle {
width: 980px;
height: 300px;
display: block;
}
/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea {
text-indent: -9999px;
}
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ここまで＝＝＝＝＝＝＝＝＝＝＝＝＝＝
⑧上記の呪文の「（コピーした画像のパス）」を「この画像のパス」の文字列で置き換える。
（）は残したままです。
⑨「保存」を選択
以上で画像が設置できました。