Formatação Especial nos Textos das Postagens

Formatar o texto dos posts do blog é muito simples de fazer utilizando as ferramentas disponíveis na própria pagina de edição e criação de postagem, mas dependendo de quais formatações de texto utilizar poderá ter problemas futuramente caso decida mudar as cores e fontes do seu template, por exemplo, se usou um tipo de fonte para destacar um texto e depois utilizar essa fonte como padrão do seu blog o destaque desaparecerá.

Veja outras formas de dar destaque a trechos do seu Texto:
Dar Destaque em uma Parte do Texto (blockquote)
Como Formatar o Texto do Blog
Destacar uma parte do texto

Outro problema é com relação às cores afinal nunca sabemos o que acontecerá no futuro e se formatar o texto com uma cor que depois resolva usar uma cor parecida com fundo do blog o texto ficará invisível. E a única solução seria voltar em cada postagem para fazer a formatação novamente, mas podemos resolver tudo isso criando estilos CSS para destacar nossos textos de forma rápida e padronizada em todas as postagens do blog.

Para criar essas formatações especiais é bem simples você só precisa entrar na pagina editar html e adicionar junto com os outros estilos CSS do seu blog (antes de ]]></b:skin> ), este código:
.destaque {font-weight: bold;color: #000;}
.destaque a{color: #00F;}
.destaque a:hover{color: #F00;}

Caso tenha dificuldades em achar o lugar certo para colocar os códigos no blogger, veja aqui: Onde colocar os códigos no blog

Esse código dá destaque (formatação diferente) no texto comum e links das postagens, para alterá-los só precisa mudar os códigos CSS, veja mais detalhes sobre formatação de links: Alterar cores dos links - CSS

editor de postagens do blogger

Na hora de fazer uma postagem use a guia html (veja imagem acima) e coloque o código span, desta forma:
<span class="destaque">texto ou links em destaque</span>


Se precisar ou desejar criar outros estilos de textos em destaque no seu blog pode somente alterar o nome destaque para destaque1, destaque2.. e assim por diante ou até utilizar qualquer outro nome que lhe ajude identificar essa formatação, mas é necessário criar os estilos como mostramos no começo na pagina editar html para depois usa-lo na pagina de postagem.

Sabemos que usar esse span dá mais trabalho na hora de formatar o texto da postagem, mas ele tem uma grande vantagem em relação às formatações individuais, é que se depois resolver modificar o estilo destes textos em destaque poderá fazer somente alterando a formatação na pagina editar html e todos os lugares que usou aquele estilo será alterado automaticamente, caso contrario teria que editar uma postagem por vez.

19 comentários:

  1. Olá Fabiano.
    Estou com uma dúvida e não sei mais o que fazer.
    Coloquei no meu blog os links de compartilhamento (face, kut, twitter, etc), entretando, os ícones abaixo das postagens não aparecem! E o pior é que eles estão lá, pois se passo o mouse sob o local há identificação dos mesmos.
    Tentei encontrar no layout o que poderia ser algum problema quanto a cor, mas não obtive sucesso.
    Vou deixar o endereço do meu blog e se puder me dar alguma dica seria ótimo.
    Desde já agradeço a atenção.

    http://srtacaroline.blogspot.com/

    ResponderExcluir
  2. Sara Caroline
    infelizmente ocorreu esse mesmo problema em alguns templates que tentei editar mas mesmo retirando os códigos e colocando novamente não funcionou... por isso acabei colocando os botões do addthis

    Botão para as redes sociais - AddThis

    ResponderExcluir
  3. estavo precisando mesmo desça ajuda,
    eu ja cheguei a trocar o fundo do meu blogger

    ResponderExcluir
  4. Fabiano eu sei que não é essa postagem que eu devo fala mais hojê quando eu vou fazer o post não vai trava e não que salva o que eu faço isso nunca aconteceu comingo você sabe o que fazer?

    ResponderExcluir
  5. Dono do GMDR
    salve o texto e imagens da postagem no seu computador, depois tente excluir o historico de internet, pois deve ser erro no carregamento da pagina.

    então depois que limpar o histórico tente novamente fazer a postagem, mas veja se não foi publicada, as vezes mesmo travando a pagina o post é publicado

    ResponderExcluir
  6. Ola! tenho antes de mais que agradecer, porque este blog é fantástico e ajuda muito! eu e uns colegas meus criamos um blog dedicado a um artista e gostariamos de por uma caixa ao lado com os projectos da banda com a capa do album e a hiperligaçao para encomendar como esta mesma imagem http://img26.imageshack.us/img26/6667/cats5fc.jpg mas eu nao sei como fazer será q me podias ajudar??? muito obrigado desde ja! =)

    ResponderExcluir
  7. Tixona
    para fazer uma lista como essa pode adicionar um gadget de postangens recentes... mas as paginas de venda são mais complicadas para fazer, exigem sistemas de pagamento online

    ResponderExcluir
  8. ah ok muito obrigado entao! =) continua com o optimo trabalho!

    ResponderExcluir
  9. ????DUVIDAS????

    Toda vez que vou postar dentro do mesmo post,a data atualiza ou fica a antiga.
    ex:postei um album de musica dia 20,dia 21 postei outro dentro do mesmo post,mesmo cantor, entende??!!botei marcador(2)mostrando q tem dois albuns do cantor lá,eu queria q cada post de album ficasse com a data expecifica do dia!

    me dando uma luz fico grato

    bless

    ResponderExcluir
  10. NEUROOTS
    para que cada musica fique com a data que postou precisa fazer postagens diferentes... não adianta atualizar a mesma postagem

    ResponderExcluir
  11. Você vê algum problema se eu usar id="" em vez de class="" ?

    ResponderExcluir
  12. Caiooo
    a diferença entre usar id ou class é como está configurado o estilo, por exemplo

    .formato{.... } funciona com class="formato"

    #formato{....} funciona com id="formato"

    ou seja se no segundo exemplo colocar class não vai funcionar a formatação

    ResponderExcluir
  13. Hum, obrigado, agora fico tranquilo que isto não afetará meu blog e minhas postagens =)

    ResponderExcluir
  14. Primeiramente Parabéns pelo o Site show de Bola, Então eu tenho um blog a um bom tempo cerca de 2 Anos porém antigamente Colocava todos os Fundos do texto das postagens em Black e hoje quero mudar o template do meu Blogger para um Fundo Branco e para isso teria que mudar para transparente este "Fundo do Texto" para transparente, Tenho mais de Mil Postagens e não tem como fazer uma de cada vez levaria muito e muito tempo k, gostaria de saber como posso formatar este Fundo pelo HTML, Mudando todas as postagens para transparente.

    Lembrando: Estamos Falando do fundo do texto das postagens do blog.

    Obrigado ficaria muito e muito Agradecido se você me ajuda-se...

    ResponderExcluir
  15. @RooSouza você colocou a cor de fundo dentro das postagens na hora de publicar?

    se foi isso acho que não tem outro jeito senão editar cada postagem para retirar essa cor de fundo

    ResponderExcluir
  16. Fabiano...
    Não vejo no tutorial, como fazer para centralizar a frase "Continue lendo"
    Me ajuda?

    ResponderExcluir
  17. esse tutorial é sobre formatar texto mas pode usar para formatar o texto do "continue lendo"

    colocando junto com o código do link style="text-aling:center"

    ou usando o código todo do continue lendo dentro de uma div com o mesmo código para centralizar ou formatar.

    qual solução funciona melhor vai depender do seu template

    ResponderExcluir
  18. Quando compartilho uma postagem ela fica pela metade e as mensagens abaixo não aparecem, então não se pode ler nada. Por favor, se puder me ajudar, meu endereço é: nazarethwilma@gmail.com

    ResponderExcluir
  19. wilma

    é normal quando compartilha uma postagem só aparecer um trecho dela. Se a pessoa quiser ver a postagem completa tem que entrar no seu blog

    ResponderExcluir