Como deixar o cabeçalho ocupando toda a largura do blog

Oi vocês, hoje vim trazer esse tutorial mais uma vez ajudando na personalização do blog de vocês, e que vocês vão gostar muito, bom é isso que espero. Dessa vez é um tutorial que super recomenda para vocês colocarem em ativo nos seus blogs, pois deixa o visual do blog muito melhor. Okay, chega de falar e vamos ao tutorial.

Eu tenho dois tipos de tutoriais para este post, primeiro vou ensinar o que eu uso e que é mais fácil do que o outro, mas não quer dizer que é o mais recomendado.

1° Tutorial: Faça a imagem do seu cabeçalho, eu usei este tamanho, e depois faça outra imagem do mesmo tamanho do seu cabeçalho só que desta vez transparente.

Vá em Layout > Cabeçalho e coloque a imagem transparente.

Depois vá em Modelo > Personalizar > Plano de Fundo e coloque a imagem de cabeçalho.

Logo após ela carregar ajuste as opções como mostra a imagem a baixo, coloque em "Não dividir em blocos" ou "Dividir horizontalmente" e marque a opção "Rolar com a página".

E agora para mudar a cor do fundo ainda no Personalizar vá em Avançado > Planos de Fundo e escolha a cor que quiser na parte "Plano de fundo externo".

2° Tutorial: 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, os outros acho que dá para entender, se tiver duvida comente. Se quiserem link de site para hospedar a imagem aqui está, Imgur.

Espero ter ajudado, beijos.