Espaçamento entre Linhas, Letras ou Palavras usando CSS/HTML

Uma boa formatação de texto pode ajudar no sucesso do seu blog! Escolher as cores, tipos de letra que utiliza no blog pode ajudar a manter as pessoas mais tempo na sua pagina. Outro fator importante é o espaçamento entre as letras, palavras e linhas do seu texto que são facilmente alteradas usando códigos HTML ou sendo mais exato o que controla o espaçamento são os estilos CSS. Naturalmente se ajustar melhor os espaços entre as linhas e letras deixará seu texto muito mais agradável para ler.

personalizar espaçamento entre as linhas do blog

Essa configuração do espaçamento entre as palavras, letras ou linhas funciona em todos os tipos de fontes embora algumas fontes personalizadas pode ter algumas limitações (veja Usar outros Tipos de Fontes (letras) no Blog). Esse código é fácil de usar: entre na pagina modelo > editar HTML, recomendamos que faça um backup caso tenha algum problema na alteração dos códigos.

Procure por ]]></b:skin> e coloque antes dele a linha:
.post {line-height: 30px; letter-spacing: 2px; word-spacing: 3px; }

line-height: 30px; - Espaço entre as linhas do texto
letter-spacing: 2px; - Espaço entre as letras
word-spacing: 3px; - Espaço entre as palavras

como usar letter-spacing e word-spacing

Agora você só precisa modificar os valores para ajustar seu texto como desejar e não precisa aplicar todas as configurações pode usar somente aquelas que acharem uteis para seu blog.

Veja outras dicas sobre formatação de texto no blog:
Alterar cores dos links - CSS
Configurações e Ferramentas do Blog para Fazer Novas Postagens
Formatação Especial nos Textos das Postagens

Além de alterar o texto das postagens do blog você pode usar esses códigos para personalizar links, dar destaque a trechos do texto, personalizar um gadget ou qualquer outro forma que imaginar.

22 comentários:

  1. Oi fabio esero que estjas bem...a meses atras eu vi um poste aqui que dizia sobres novas politicas da google adsense...nela voce destacou quais as novas maneiraras de como recuperar uma conta desativada por cliques invalidas...
    Ensuma eu quero saber quais sao as novas maneiras de recuperar uma conta desativada por cliques invalido

    ResponderExcluir
  2. Sansao Machava no caso de cliques invalidos acho que não tem como recuperar.

    você já tentou pedir uma reavaliação do adsense?

    ou crie um topico no forum de ajuda perguntando sobre o assunto, talvez algum funcionario do google possa analisar o seu caso, mas claro isso não é uma garantia de recuperar sua conta.

    ResponderExcluir
  3. ai Fabiano Roberto vc sabe tirar o protetor de link do template ?? obrigado pela atenção

    ResponderExcluir
  4. Robson Andrade protetor de link no template? não entendi sua pergunta.

    o seu template já veio com protetor de link? mas em qual link?

    ResponderExcluir
  5. Ai Fabiano Roberto um Exemplo o meu blog é sem protetor de link ai eu tiro os protetores de link dos link para baixar o filme , mais depois de um tempo ele volta sozinho ai eu não entendo por que ! entendeu ?

    ResponderExcluir
  6. Robson Andrade só se o protetor do link for do site onde hospeda os arquivos para download.

    ou algum outro código de anuncios que você usa no blog está abrindo junto.

    mas não tem uma explicação do porque ativar o protetor de links sozinho

    ResponderExcluir
  7. Ai Fabiano Roberto Agora que fui ver não é um protetor de link mesmo não ! é tipo só uma pagina de protetor de link que não quebra o link ! olhe ai a imagem do protetor de link (http://i50.tinypic.com/xbzkn8.png)

    ResponderExcluir
  8. Robson deve ter algum código que está gerando essa janela.

    tente retirar alguns javascript ou gadgets que adicionou recentemente e faça testes para achar o código.

    ResponderExcluir
  9. Ai Fabiano Roberto esse é o meu blog entre ai e olhe qual quer postagem para ver se tem protetor de link ou não ! por que aqui nos meus amigo ele entraram pelo o pc deles e não tinha o protetor de link (http://www.baixakifilmessemprotetordelinks.blogspot.com.br/) ai esta o link

    ResponderExcluir
  10. não vi o tal protetor de links.

    tente excluir seu histórico de internet, talvez você já tenha removido o código mas ele continua no cache do seu computador por isso em outros computadores não aparece.

    ResponderExcluir
  11. Ai Fabiano Roberto Deu Certo Eu Procurei No Meu HTML Alguma coisa que eu coloquei atualmente e tirei vlw MUITO MUITO Obrigado mim ajudo muito vlw é o cara !!!!

    ResponderExcluir
  12. ainda bem que conseguiu resolver o problema

    ResponderExcluir
  13. ai Fabiano Roberto tenho mais uma pergunta , quando eu aperto um exemplo (filmes de 2012) ai os numero da pagina some !vc sabe colocar para nuca sai os numero da pagina ??

    ResponderExcluir
  14. a numeração é somente para a pagina incial e não para as paginas dos arquivos do blog

    ResponderExcluir
  15. mais tem muito site e blog que cando as pessoas click no arquivo ainda fica lá embaixo !! blz :(

    ResponderExcluir
  16. Oi, Fabiano. Vc sabe como faço para colocar no blog, do lado do link da postagem uma imagem da propria postagem?

    Obrigada, Ana

    ResponderExcluir
  17. Oi, Fabiano Roberto. Por favor, como faço para colocar uma imagem do lado do link de uma postagem? Agradeço. Ana

    ResponderExcluir
  18. para colocar a imagem ao lado em um gadget usando html pode usar esse codigo:

    <a href='http://www.dicasparablogs.com.br/2013/05/escolher-anuncios-adsense.html?utm_source=adsense&utm_medium=imagem&utm_campaign=imagem' title='Escolher Anúncios que Aparecem - Central de Revisão Adsense'><img src="http://1.bp.blogspot.com/-U_nWHeMBVSA/UaiilZLCVtI/AAAAAAAAIBw/ZDpKO57AxHI/s110/central-revisao-anuncios-adsense.jpg" width="110" height="82" style="float:left;margin-right:3px" />Escolher Anúncios que Aparecem - Central de Revisão Adsense</a><div style="clear:both; padding-top:20px"></div>


    e repetir quantas vezes quiser

    ResponderExcluir
  19. Consigo usar o codigo para diminuir o espaçamento entre linhas sem mexer na pagina modelo? Apenas colocando um codigo na edicão do texto do post? Qual seria o código? .... Obrigada

    ResponderExcluir
    Respostas
    1. o código seria este mesmo que mostrei, mas não recomendo que faça isso porque se depois mudar de ideia sobre os espaços ou trocar de template e achar que estes espaços que colocou precisam ser alterados você precisará editar cada postagem.

      você pode criar uma div para fazer isso.

      na pagina editar html em vez de usar o código com o estilo .post{.....

      crie um nome qualquer, por exemplo .espacos {.... com o mesmo código do espaço que mostramos.

      depois nas paginas de postagens quando quiser usar este espaçamento diferente use div, assim:
      < div class="espacos">texto que você quiser< / div>

      assim futuramente se mudar de idéia só precisa altera o estilo espacos na pagina editar html e todos os posts alteram da mesma forma.

      no lugar da palavra espacos pode ser qualquer um é um nome que escolhi, mas sem acentos ou espaços para evitar erros nos navegadores.

      Excluir
  20. Não estou encontrado o ]]> e agora ?

    ResponderExcluir
    Respostas
    1. o que não está encontrando?

      os códigos variam conforme os templates...

      Excluir