Como Centralizar o Título e a discrição (cabeçalho)

note, notes, post it, postit, sticky iconEu estava dando uma olhada em alguns templates na blogosfera e aprendi muita coisa fuçando os códigos... começei a pensar em coisas básicas, mas que fazem muita diferença, como alinhar o cabeçalho do blog ou personalizar o título da sidebar com imagens e bordas diferentes... 

Enfim, resolvi compartilhar com vocês algumas dessas dicas básicas.

Como o alinhamento do título e da descrição  são "obrigatoriamente" alinhadas em certo lugar nos modelos do blogger, hoje vou ensinar como alinhar o cabeçalho (título e descrição) do blog.

Templates Mínima

Nos templates mínima, o cabeçalho é automaticamente alinhado ao centro. Para personalizar o alinhamento, clique em layout >> editar html e procure pelo código abaixo:


#header {
text-align: center;

Se quiser alinhar o cabeçalho à direita, troque center; por right;
Se quiser alinhar o cabeçalho à esquerda, troque center; por left;


Design de modelo

Nos templates do design de modelo, o cabeçalho está automaticamente alinhado à esquerda. Para personalizar o alinhamento do título, entre em design>> design de modelo>> avançado>> adicionar css e acrescente o código abaixo no espaço:


#header h1{
text-align: center;

Para personalizar a descrição, acrescente este outro código ao css:


#header description{
text-align: center;


Se quiser o título ou a descrição à direita, troque center; por right;

Nenhum comentário:

Postar um comentário

Postagens
Comentários