トップ画像の載せ方がわかりません

#banner,#subbanner{ }

#banner a{color:#fff;text-decoration:none;}
#banner a:link{color:#fff;text-decoration:none;}
#banner a:visited{color:#fff;text-decoration:none;}
#banner a:hover{color:#fff;text-decoration:underline;}

とここまでいままでのを参考にやってみたのですができません。
わかる人是非教えてください

お手軽な方法では

元々

#banner,#subbanner{
height:101px;
text-align:center;
background:url(http://parts.blog.livedoor.jp/img/usr/3c_pink/header.gif) repeat-x;
margin-bottom:10px;
}

こうなってると思いますが
これをそっくりそのまま

#banner,#subbanner{
height:260px;
text-align:center;
background:url(http://image.blog.livedoor.jp/suzukiyuuna/imgs/4/1/418dc795.jpg) repeat-x;
margin-bottom:10px;
}

このように変更してください。

これだけだとブログタイトルと説明が画像とかぶるので
.blogtitle{
.description{
のすぐ後に
display:none;
をそれぞれつけると見やすいですね。

ただ、トップに飛びにくいですけど…。

#banner,#subbanner{
color:#000;
width:px;
height:px;
text-align:right;
font-weight:normal;
background:url(アップロードした画像のアドレス) no-repeat 50% 0;
}
だと思います。