5 de dez. de 2012

Centralizando o cabeçalho do blog

Olá anjos!

Atendendo a pedidos, estou trazendo o tutorial que usei para deixar meu cabeçalho como se fosse da largura total do blog. A largura dele não é a mesma do blog, eu apenas centralizei o cabeçalho, hoje vou ensinar como.

O tutorial é do blog Um pouco de mim, e estou repassando apenas porque me pediram. Antes de mais nada, queria deixar claro que é sempre bom fazer um backup antes de tentar um tutorial novo, para não acabar fazendo coisa errada como eu fiz, sorte que consegui resolver, ou então teria que começar o template do 0.

Centralizando o cabeçalho:

*Para quando o blog estiver com imagem no cabeçalho

1- Vá no HTML do seu blog, clique em Expandir modelos de Widgets, e procure por:

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
2-Antes do código, coloque a tag <center> e no fim do código, coloque </center>. O código deverá ficar assim:

<center><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></center>
Visualize, se não estiver com erro, salve.

 Centralizando o título:

*Para quando o blog estiver sem imagem no cabeçalho

1-No HTML do seu blog, procure por:

.Header h1 {

2-Abaixo dela, cole:

text-align: center;


  • A centralização da imagem só funciona se você selecionar a opção Em vez de título e descrição.
  • A centralização do título só funciona se você não estiver usando nenhuma imagem no cabeçalho.




Nenhum comentário:

Postar um comentário

Seja educado, não use palavras ofensivas ou de baixo calão;
Comente algo relacionado ao post, para outros assuntos use a ask;
Obrigada e volte sempre!