Blogger: Como Justificar o Texto de Forma Definitiva Direto no Código do Blog



Blogger: Como Justificar o Texto de Forma Definitiva Direto no Código do Blog

Nós já aprendemos aqui como justificar o texto no Blogger utilizando o editor de texto. Acontece que muita gente se esquece de fazer isso quando está publicando direto na área de edição do Blogger e acaba deixando sem. Bem… fica estranho! Ao menos, eu não gosto! Por isso agora vamos aprender a justificar o texto direto no código do blog. Assim não tem desculpa! :D

Pra isso, você só vai ter que fazer uma simples modificação no código do blog e pronto! Nunca mais vai precisar se preocupar com isso, pois o texto já vai sair justificado na hora da publicação!

 

Na Área de Edição do Blogger

Vá em Layout -> Editar HTML

Clique em "Baixar modelo completo" e salve uma cópia do seu template (nunca se sabe). E em seguida, procure pelo trecho abaixo:

/* Posts
———————————————–
*/
h2.date-header {
font-size:90%;
margin:0.3em 0 .6em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:180%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}
.post h3 strong, .post h3 a:hover {
color:$textcolor;
}

É isso ou alguma coisa parecida. O importante aqui é o .post. ;)

Adicione o trecho abaixo logo após o .post {:

text-align: justify;

Dica 1: Pode ser que no seu template tenha algo como .post-body aí é só adicionar o "text-align: justify;" após o .post-body { que o efeito é o mesmo. ;)

E é claro, se no trecho indicado já existe o "text-align:" é só substituir o que estiver lá por justify.

Clique em VISUALIZAR e estando tudo bem, clique em SALVAR MODELO e pronto!

Dica 2: Esse tutorial é para justificar o texto no post (área do texto do blog), mas o mesmo trecho de código serve para justificar o texto no header, na sidebar ou no footer ok?

Faça bom uso!

Imagem: Priki

Tags: ,

Postado por Tico Esteves. Quinta-feira, 18 de Março de 2010

Tico Esteves

Webdesigner freelancer, criador e Webmaster responsável pelo bom funcionamento do Novo na Rede. Saiba mais!

Gostou? Então deixe seu comentário e/ou assine o Feed (rss) do blog.

11 Comentários em “Blogger: Como Justificar o Texto de Forma Definitiva Direto no Código do Blog”

  1. Olha, essas coisas do tipo “direto no código” hehehe me dão calafrios. ;)

    Ainda bem que eu tenho um “anjo bom” que me ajuda, viu? ;)

    Beijocas!

  2. Olá Tico!

    Vou tentar fazer direitinho. Não tenho muita confiança para mexer no código HTML, mas esta dica é tão funcional que vou tentar!

    Aqui há tempos troquei de template e agora todos os posts ficaram alinhados à esquerda. Com os posts antigos que quero divulgar, tenho sempre que os editar e justificar. Ainda dá trabalho! :)

    Excelente o teu artigo!

    Abraços
    Luísa

  3. Olga:

    Oi Tico, como vai você?

    Hoje passei por aqui pra ver se havia novidades!
    Então já fui copiando o código para aplicar e ficar tranquila quando escrever meus posts.
    Apliquei e deu super certo!
    Muito simples e fácil, a gente escreve e já sai justificado!
    Parabéns por mais essa e obrigada!
    []s
    Olga

  4. Hmmmm. Já gostei! Não tava buscando o tópico mas me serviu muito. Obrigada! Mudei o background e deu uma bagunçada …

    Só uma coisa: como será que justifico o título do post também? Na visualização da home eles tb foram alterados por este back… Olhei, olhei, mas não deu. Sem cérebro!

  5. @Simone, que bom que você gostou!

    Quanto a justificar o título do post, basta procurar por esse trecho:

    .post h3 a, .post h3 a:visited, .post h3 strong {

    E adicionar logo depois dele o código para justificar:

    text-align: justify;

    Eu não uso no título porque dependendo do tamanho das palavras pode ficar um espaço muito grande entre elas, mas aí é com você!

    @Grande abraço a todos os amigos e muito obrigado pela força de sempre!

  6. Valeu!
    Muito obrigado mesmo…
    Automático… todas as postaens já estão justificadas…
    Recomendadíssimo…
    Não tem erro!
    Muito obrigado!

  7. RMSU:

    Olá!

    O meu problema é que NÃO JUSTIFICAM o que eu escrevo nos gadgets… Eu escolho gadget de texto, mas não tem como justificar o que escrevo, assim tá ficando feio…

    Você poderia me ajudar, por favor?
    Agradeço muitíssimo!

  8. Olha, realmente os gadgets não se justificam com essa mudança e não posso te dizer como fazer, porque cada um é um. São independentes!

    Sinto não poder ajudar!

    Um abraço e obrigado pelo comentário!

  9. Olá!
    E como fazemos para justificar os comentarios também?
    Desde já agradeço.
    Juliana

  10. Olá Juliana,

    Coloque o text-align: justify; na parte referente ao comments do seu template.

    Abraço

  11. Muito obrigada Tico!
    Juliana.

Deixe seu comentário

Quer mostrar sua imagem ao lado do seu nome nos comentários? Saiba como clicando aqui!