#header h1 {/* ブログのタイトル */
margin-top: 0px;/* 外側余白・上 */
}
#header h2 {/* ブログのサブタイトル */
display: none;/* 表示なし */
}
#header h1 a {/* ブログのタイトルのリンク */
text-indent: -9999px;/* テキストの開始位置 */
display: block;/* 表示 */
width: ○○px;/* リンク幅 */(ヘッダー画像の横幅を入れる)
height: ○○px;/* リンク高さ */(ヘッダー画像の高さを入れる)
text-decoration: none;/* リンク装飾 */
margin-top: 0px;/* 外側余白・上 */
}

わたしのブログヘッダーを例にとると
画像の横幅が780px、高さが200px
ですので、青文字部分はwidth：780px　height: 200px　になります

一番はじめのピンク文字部分
これってどうして挿入するの？と思われるかもしれません
ここでは、ヘッダー画像と記事の始まりの位置を指定しています

(条件は上と同じ高さが200pxの場合)
205pxにすると5px分の間隔が開きますね
300pxにすれば100px分の間隔が開きます

これはプレビューで確認しながら調整してください

＊＊＊

このタグを挿入すると、デフォルトのブログタイトルが消え
ヘッダー画像のみが反映されます。(下図)
ブログ概要も反映されませんが。ヘッダー全体がブログのトップにリンクされましたね。


ここに自分の好きなように文字を入れます。

＊＊＊

このブログで使っている画像編集ソフトは
・JTrim(フリーソフト)　http://www.woodybells.com/jtrim.html
　基本的な画像編集や文字入れをしています

・SAI　http://systemax.jp/ja/sai/
お絵かきソフトなので、手書きでヘッダーを作りたい方にお勧めです
　試用期間あり(30日)

フォトショップなどの有料のものまでは使いたくない…という方におすすめです。

画像はダウンロード先の素材屋さんの規約を守って使ってくださいね。

お勧めフリーフォント集　http://www.akibatec.net/freefont/
　フリーフォントで見栄えのいいヘッダー画像を作るのも楽しいですよ。