トップページのデザインをカスタマイズしたいのですが。。。。

トップページのデザインをオリジナルの写真でカスタマイズしたいのですが、HTMLの知識があまり無いので、教えて頂けますでしょうか？？
私のブログはこのテンプレートを使っています。


また、使用する写真画像は、元のテンプレートに合わせてサイズ調整も必要なら、ご教授いただけますでしょうか？？
よろしくお願いします。

タイトル部分の画像の大きさは、722 × 209ピクセルです。
まず、この大きさの画像をブログのところにアップロードします。
既に、画像を記事にお使いですから、分ると思います。

画像のURLをコピーしておいてください。
この辺が、分らない場合は、
...
を参考にしてください。

「管理ページ」の横の下のほうに「注目のデザイン」というのがあると思います。
そこの（デザインを変更する）をクリックして、「デザインの設定」のページへ行きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLを編集できるページへ行けます。

スタイルシートの最初のほうに、

#banner,#subbanner{
	width:722px;
	height:209px;
	text-align:left;
	background:url(http://image.blog.livedoor.com/img/
usr/sky_02/main.jpg) no-repeat 50% 0;
}

の ( ) の中の

http://image.blog.livedoor.com/img/usr/sky_02/main.jpg

の部分をご自身がアップロードしたファイルのURLに替えれば、タイトル部分の画像が変わります。

後は、［この内容で保存する］をクリックして、「ブログに設定を反映（再構築）」で「デザイン（CSS）」を選択して［ブログを再構築する］です。
これでブログを開き直せば、タイトルの画像が変わっているはずです。

722 × 209の画像をそのままアップロードした方がデザインが崩れないと思います。

アップロードする際はサムネイルを作る、のチェックをはずしてください。


画像をおつくりの場合、画像加工ソフトなどをお持ちで無い場合は、以下のフリーのソフトを試されて見たも良いかもしれません。

・画像加工


・リサイズ・キャプチャ



画像の拡大・縮小は↓こちらが便利かもしれません。

画像　→　リサイズ/リサンプル　→　（アスペクト比を保存にチェックを入れたまま）新しい大きさを指定

保存の際は、gifやjpgなどの形式の画像がサイズが小さくなって良いと思います。