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







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
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
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!
@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!
Valeu!
Muito obrigado mesmo…
Automático… todas as postaens já estão justificadas…
Recomendadíssimo…
Não tem erro!
Muito obrigado!
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!
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!
Olá!
E como fazemos para justificar os comentarios também?
Desde já agradeço.
Juliana
Olá Juliana,
Coloque o text-align: justify; na parte referente ao comments do seu template.
Abraço
Muito obrigada Tico!
Juliana.
Vlw amigo muito boa a sua ajuda. bjuss