Blog header help please (Read 317 times)

[Jim]

hello, i've got a kasabian blog processed-beats.blogspot.com/ and i am wanting to add a header to the top of the site but i don't understand all the codes and stuff to upload it. the picture is the kasabian one in Jono's signature. can anyone give any advice and/or show me how to do it? thank you.

[webm@ster]

monkeyman said:

hello, i've got a kasabian blog processed-beats.blogspot.com/ and i am wanting to add a header to the top of the site but i don't understand all the codes and stuff to upload it. the picture is the kasabian one in Jono's signature. can anyone give any advice and/or show me how to do it? thank you.

you have to edit your Header code and add one line .
the line of code tells it to insert the image as a background into your header. I copied your blogs code and inserted an example code. You will have to replace my sample with the real URL of where your Kasabian photo is being stored...



@media all {
 #header {
   width:660px;
   margin:0 auto 10px;
   border:1px solid #333;
   background: #000 url(http://img238.imageshack.us/img238/9977/Kasabian.jpg) no-repeat top center;
}
 }
@media handheld {
 #header {
   width:90%;
   }
 }
#blog-title {
 margin:5px 5px 0;
 padding:20px 20px .25em;
 border:1px solid #222;
 border-width:1px 1px 0;
 font-size:200%;
 line-height:1.2em;
 color:#ccc;
 text-transform:uppercase;
 letter-spacing:.2em;
 }
#blog-title a {
 color:#ccc;
 text-decoration:none;
 }
#blog-title a:hover {
 color:#ad9;
 }
#description {
 margin:0 5px 5px;
 padding:0 20px 20px;
 border:1px solid #222;
 border-width:0 1px 1px;
 font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
 text-transform:uppercase;
 letter-spacing:.2em;
 color:#777;
 }