Cabeçalho ocupando toda a largura do blog

Estou muito feliz de voltar a atualizar o RF. Hoje eu meio que acordei cedo e resolvi ir na papelaria aqui do lado e comprar cadernos novos pelo fato de os meus terem esgotado as folhas com receitas. Adivinhem o que eu achei: Cadernos da Minnie! Não aquele oficial rosinha mais sim um azul claro com rosa e varias figurinhas dentro, e o melhor de tudo é que vinha uma bolsa e uma capa de celular *-* Mas eu já tinha comprado 5 cadernos então me arrependo de não ter visto antes! Pra não ficar com um post todo sábado eu resolvi fazer um tutorial simples (De texto) ensinando a fazer um cabeçalho que ocupa toda a largura do blog <3 Vamos lá?

 Este vai ser por HTML, vá em Modelo > Editar HTML clique na caixinha e depois aperte CTRL + F e procure por body { irá parecer um código mais ou menos assim:

body {

  font: $(body.font);

  color: $(body.text.color);

  background: $(body.background);

}

Substitua o código acima por este:

body, html {

height: 400px;

margin: 0;

padding: 0; }

body {

background: url("URL do cabeçalho") repeat; }

html {

background: url("URL do background") repeat; }

Mude o 400 pela a altura da sua imagem de cabeçalho, em URL do cabeçalho você coloca a url do seu cabeçalho e em URL do background você coloca a url do seu bg, ou seja, do fundo do seu blog. Se você quiser que a imagem do cabeçalho ou a do background não se repita substitua repeat por no-repeat. Se precisar de algum site para hospedar as imagens de BG e Cabeçalho, vou indicar dois sites: Imgur e Tinypic 

É isso, espero que tenham gostado do tutorial, qualquer dúvida é só comentar. Lembrando que temos vagas para afiliação.