Oiie leitores!! Como já devem ter visto, temos uma postadora nova aqui no blog, aliás, duas postadoras novas, mas uma não postou ainda, rsrs. Agora estou à procura de um postador menino, então se você se interessar, me adiciona no Face, aqui, ai conversamos...
Voltando ao assunto que é o título do post, vou ensinar a colocar o cabeçalho, ou banner, ocupando toda a largura do blog. Este tutorial você pode encontrar no Go Imagine... Ele vai ficar tipo o do blog, veja:
Eu sempre crio o banner nas dimensões 1354px de largura e 400px de altura, mas às vezes faço a largura menor um pouco pra diferenciar... Vamos aprender então!
A primeira coisa a fazer, é ir no HTML e pesquisar por body
{. Você vai encontra o seguinte código:
body {
font: $(body.font);
color: $(body.text.color);
background: $(body.background);
}
Apague o código encontrado acima e substitua por este.
body, html {
height: 400px;
margin: 0;
padding: 0; }
body {
background: url("URL do cabeçalho") repeat; }
html {
background: #cor; }
Faça as alterações em HEIGHT, que é a altura do seu cabeçalho; Em "URL do cabeçalho", troque pela url da sua imagem; Em #Cor, substitua pela cor do fundo do blog...
Prontinho, é só visualizar e se estiver tuto certo salve... Até mais pessoal!
Nossa que fácil* ótimo tuto!
ResponderExcluirhttp://fabiolucas92.blogspot.com.br/
Muito fácil ^^
ExcluirEu estava louca atrás desse tutu. *o*
ResponderExcluirhttp://garotaresenhas.blogspot.com.br/
*_*
Excluirlol
Tuto muito útil!
ResponderExcluirKissus~~
>> Photos and Camera
sim,sim :D
ExcluirAdorei, eu acho que no Go Imagine estava confuso .-.
ResponderExcluirAbraços :D
www.caprichosdegarotas.tk
No G.I, tinha duas formas de cocolar, uma pelo "Personalizar" do blogger e a do HTML...
ExcluirSempre tento usar desse tipo, mas sempre os posts e sidebar ficam um pouco em cima do cabeçalho.
ResponderExcluirlittlethingoficial.blogspot.com
pra mim não da :/
ResponderExcluir