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!

 

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

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

Tico Esteves
Web designer freelancer, criador e Webmaster responsável pelo bom funcionamento do Novo na Rede. Saiba mais!

Gostou do texto? Ajude a divulgar!

Se você divulga o conteúdo ajudando o blog, mais pessoas vão ler e comentar, incentivando um maior cuidado e atualização constante por parte da administração. Participe!

E por falar em incentivo... Já deixou seu comentário hoje?
     

Artigos Relacionados:





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

  1. 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

  2. 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

  3. 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!

  4. @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!

  5. 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!

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>