Centralizando o Título e a Imagem do Cabeçalho


Sempre que vejo um blog o que mais me chama atenção é o cabeçalho. Vejo se está ajustadinho, as fontes, e claro a centralização dele que é importante. Um dos primeiros tutos que aprendi foi justamente esse que estou passando prá vcs. Espero que ajude, tá bem explicadinho. Não esqueça de comentar ok? Xeiruuuuuuu


 Faça sempre backup do seu template antes de modificá-lo , ou tenha um                               blog de testes, caso algo dê algo errado.



Centralizando o Título

Vá em Modelo/Editar HTML





Na página que abriu aperte Ctrl+F, 
Procure por .Header h1 {
Após o a chave digite  text-align: center;





Visualize, se tudo deu certo salve as alterações


Centralizando a Imagem

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'/>

Adicione  a div: <center> antes do início do código e no final do código colocar a div: </center>

Com  a div 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 estiver tudo certinho, salve.


***Lembre-se:


Antes de qualquer modificação sugiro que você faça backup do HTML do seu blog


Nenhum comentário:

Postar um comentário