segunda-feira, 22 de novembro de 2010

Como criar um cabeçalho no blog





Muitos blogs não possuem um cabeçalho, apenas o nome e descrição de seu Blog. Mas você pode fazer mais do que isto, acrescentando imagens. Um cabeçalho bem feito pode valorizar o seu template, lembrando que existem programas que podem facilitar a criação do seu cabeçalho. Para isto, a primeira coisa que precisamos saber é o tamanho de nosso cabeçalho.


Tamanho do cabeçalho

Acesse o painel > Design > Editar Html e salve uma cópia do seu template por segurança.

Vamos procurar pelo seguinte trecho:

#header-wrapper {
width:660px;
height:180px; margin:0 auto 10px;
border:1px solid $bordercolor;
}

width: indica a largura do cabeçalho
height: altura


Se seu template não possuir a parte em negrito, acrescente-a no local indicado.
Caso não queira a borda, troque a parte border:1px solid $bordercolor; por border: 0;

Guarde os números que você encontrou, para usá-los depois.


Colocando uma imagem

Sabendo a altura e a largura do cabeçalho, você pode adicionar imagens corretamente nele, de duas formas:

1. Direto no código:

Para usar uma imagem direto no código, você vai precisar hospedá-la em algum site de sua preferência.

Com isso, basta inserir o trecho em negrito abaixo:

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid $bordercolor;
background: url(Endereço da imagem) bottom center;
}

Você pode alterar o bottom certer para:

bottom left : alinhar à esquerda
bottom right: alinhar à direita


2. Através do Design do blog

Clique em Design, e no seu cabeçalho clique em Editar. Posteriormente clique em "Procurar" e encontre a imagem no seu computador. Se a imagem já tem o nome do seu blog nela, marque a opção "Em vez de título e descrição", caso contrário marque "Por trás de título e descrição" e salve as alterações.


Sugestão: Deixo aqui um programa editor de cabeçalhos, bem simples de usar, que já vem com alguns modelos de cabeçalho prontos, o nome dele é XHeader.


5 comentários:

parazão disse...

meu blog não està aceitando fotos do meu computador como faço para colocar uma foto no cabeçalho do meu pc?

Marcelo disse...

Parazão;

Verifique o tamanho, provavelmente ela deve ser maior do que o aceito para seu cabeçalho. Também verifique o formato da imagem.

Maria João disse...

Como faço para criar separadores no blog?

Marcelo disse...

Assim Maria João?

http://blogger-passo-a-passo.blogspot.com/2011/08/como-colocar-separadores-entre-as.html

⊰⊹✿Eliane disse...

Querido fiz td que me pediu. o problema é que não existe esse código no htlm do meu template . que é o Viajem. quero aumentar a imagem do cabeçalho e centalizar no meu blog! Helllllp!!!

Artigos Relacionados

Related Posts Plugin for WordPress, Blogger...