costom

ブログヘッダー部分は訪問者のまず最初に目に付く部分です。
独自の画像で興味を引きましょう。 
■ヘッダー画像変更(そのままCSSを貼り付けてください。)

/* ヘッダー画像変更 */

.skinHeader Area{

height:300px; /* 高さ */

background-image:url(画像のURL); /* 画像 */

background-repeat:no-repeat; /*繰り返さない*/

background-position:center top; /*位置*/

} 

■変更点
まずは赤字の部分です。
高さは画像サイズに合わせてください。
200~300pxがちょうどいいと思います。
赤字の画像URL部分は画像のURLです。
あとは特に変えるところはありません。

ライブドアブログの場合はブログ設定の方からヘッダー画像を変えることが出来るので
そちらを使うかCSSにて変更するか、どちらでも結構です。 

■ヘッダー部分の説明文、タイトルを消す
/* ブログタイトル・説明文を消す */
#header h1,.skinTitleArea{ /* ブログタイトルを消す */
display:none;
}
#header h2,.skinDescriptionArea{ /* 説明文を消す */
display:none;
} 

■変更点
今回は特に変えるところはありません。
テンプレートによっては反映しない場合があります。
その場合はコメントいただけるとうれしいです。

■ヘッダー画像にTOPリンクを付ける
/*ヘッダーリンクを付ける*/
.skinHeaderArea2,.skinBlogHeadingGroupArea{
padding:0;
}
#header h1,.skinTitleArea{
display:block;
padding:0;
text-indent:-9999px;
}
#header h1 a,.skinTitle{
display:block;
height:300px;/*高さ*/

■変更点
これは赤字の高さを画像に合わせて変更してください。
変更するのはそこくらいですかね。

■まとめ
ライブドアブログの場合CSSの変更よりも断然ブログ設定から入ったほうが楽です。
その他Ameba、seesaa、FC2などの場合はこちらのCSSでも大丈夫だと思います。
FC2ブログに関してはテンプレートによって反映されないかもしれません。
わからないことや、できなかったりした場合、コメントいただけるとうれしいです。