20 de jul de 2015

Dicas Para Blog: Centralizar cabeçalho do blog


Olá pessoal tudo certo com vocês? 

Continuando o projeto de #DicasParaBlogs dessa vez o tutorial é bem simples e com certeza vai ajudar muitas pessoas que não sabem muito de HTML e códigos do blog. Se você está com problemas em relação a posição do seu cabeçalho ou título do blog esse tutorial será perfeito.

Para não ter erro, irei ensinar DUAS formas de como centralizar o cabeçalho do blog, portanto se na primeira não der certo, provavelmente a segunda dará! 

Como centralizar o cabeçalho do blog (1ª forma)


Antes de qualquer coisa, você precisa fazer um back up do seu blog, pois se caso algo dê errado você terá como restaurar tudo. Para isso vá até “Modelo” depois em “Fazer backup/restaurar” e clique em “fazer download do modelo completo”.

Agora sim podemos seguir com o tutorial. 

Continuando na aba “Modelo”, clique em “Editar HTML” e procure pelo código seguinte: 

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

Para encontrar mais rapidamente, dentro da caixa de códigos clique em CTRL + F que vai aparecer uma caixa de pesquisa, cole o código acima nela e tecle “enter” para encontrar o código.

Depois que encontrar este código basta acrescentar <center> NO INÍCIO dele e depois </center> NO FINAL dele.

PRONTO! Clique em visualizar e veja se deu certo e depois é só salvar! 

Se a 1ª forma não deu certo, existe uma outra bem simples também, veja abaixo: 

Como centralizar o cabeçalho do blog (2ª forma)


A segunda forma é mais simples, vá em “modelo” e clique em “personalizar”. Vá até a aba “avançado” e cole o seguinte código dentro dela:

#header-inner img {
margin-left: auto;
margin-right: auto;
}
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important;}

Aperte “enter” e veja se seu cabeçalho já está centralizado e depois clique em “aplicar ao blog”.

Espero ter ajudado vocês com mais essa dica!

+ Dicas para blogs

Comente com o Facebook:

Um comentário:

  1. Muito boa a dica, amo esses tutorais pra ajudar quem está começando agora. ^^
    Beijos

    ResponderExcluir

Image Map
TECNOLOGIA BLOGGER - DESIGN POR SUSAN SANTOS | PROGRAMAÇÃO HEART IDEAS