【アメブロカスタマイズ】ページ上部、広告真下に画像を付け横いっぱいに広げる

ヘッダーまわりをカスタマイズしてみます。
ページ上部のアメブロ広告の真下に画像を張りつけます。



▼CSSを追加します。
.headerBnrArea{
background:url(http://stat.blogskin.ameba.jp/blogskin_images/20120425/14/a9/3b/j/o00200077musix-design1335333011221.jpg) repeat-x bottom;
height:150px;
}

▼使用する画像


使用する画像をheaderBnrAreaというエリアの下部に(bottom)に横リピート(repeat-x)します。
広告と被ってしまうので高さ(height)で適当な高さを確保しています。