Como Destacar (Formatar) Partes Importantes do Texto dos Posts
Para dar destaque em alguns trechos da postagem podemos usar fonte em negrito ou itálico ou usar a ferramenta blockquote, mas também é possível criar um estilo CSS personalizado para destacar partes do texto do blog que tem muito mais vantagens do que fazer a formatação em cada post para realçar aquela parte importante do seu texto.
Quando você vai publicar uma nova postagem no seu blog existem ferramentas para formatar o texto: mudar a cor, tamanho, tipo de letra, cor de fundo e outras, porém não recomendamos formate o texto com elas.
O motivo é simples se futuramente resolver mudar o template (principalmente as cores) do seu blog e esses trechos que você formatou precisarem ser modificados você terá que fazer um por vez, ou seja, precisa editar cada postagem para trocar a cor da fonte.
Leia também:
Configurações e Ferramentas do Blog para Fazer Novas Postagens
Achar Códigos na Pagina Editar HTML do Blogger - Ctrl F
Por isso achamos mais recomendável criar estilos CSS para dar uma formatação especial a partes do seu texto.
Usar CSS para formatar trechos da postagem se divide em duas partes: Criar o estilo com a Formatação de texto que deseja e depois aplicar essa formatação nos trechos do texto do seu post.
Entre na pagina modelo > personalizado > avançado > role o menu até chegar ao item adicionar CSS.
Agora na caixa que aparece cole o código:
.destaque {color: #000}
Isto é apenas uma demonstração no seu blog você poderá formatar o que desejar neste estilo: tipo de fonte, tamanho das letras, cor de fundo, Colocar Bordas e varias outras coisas possíveis de fazer com CSS. Veja os links abaixo para ajudá-lo a fazer esse trecho do nosso tutorial:
Como Inserir Códigos no Blogger: Formatar Texto e Links do Blog
Gerador de Código HTML das Cores
O que é CSS? Para que Serve e Como usar o CSS
Caso queira criar vários tipos de destaque diferentes você poderia criar outro usando o nome:
.destaque1 {...}
.destaque2 {...} e assim por diante poderá criar quantos estilos quiser. Quando desejar modificar a cor ou qualquer outra coisa você entrará nesta pagina onde estão os estilos CSS para fazer suas alterações e assim que salvar a formatação se modificará em todos os posts que aplicou esse destaque.
Para aplicar essa formatação que criamos é bem simples quando estiver criando sua nova postagem use a guia HTML e digite o seguinte código:
<span class="destaque">seu texto aqui</span>
O mais importante aqui é a palavra: destaque que é o nome do estilo, ou seja, se escrever uma letra errada nela não funciona!
Veja um exemplo de frase que poderíamos usar numa Nova Postagem:
Dicas para criar blogs e <span class="destaque">ganhar dinheiro na internet </span> trabalhando apenas algumas horas por dia.
Como pode notar a parte com formatação especial é o texto ganhar dinheiro na internet. Esperamos que aproveitem essa dica para formatar de maneira mais fácil o texto do seu blog.
Formatar o Texto na Pagina de Criação da Postagem
Quando você vai publicar uma nova postagem no seu blog existem ferramentas para formatar o texto: mudar a cor, tamanho, tipo de letra, cor de fundo e outras, porém não recomendamos formate o texto com elas.
O motivo é simples se futuramente resolver mudar o template (principalmente as cores) do seu blog e esses trechos que você formatou precisarem ser modificados você terá que fazer um por vez, ou seja, precisa editar cada postagem para trocar a cor da fonte.
Leia também:
Configurações e Ferramentas do Blog para Fazer Novas Postagens
Achar Códigos na Pagina Editar HTML do Blogger - Ctrl F
Por isso achamos mais recomendável criar estilos CSS para dar uma formatação especial a partes do seu texto.
Destacar Partes do Texto usando CSS
Usar CSS para formatar trechos da postagem se divide em duas partes: Criar o estilo com a Formatação de texto que deseja e depois aplicar essa formatação nos trechos do texto do seu post.
Criar estilos CSS no Blogger
Entre na pagina modelo > personalizado > avançado > role o menu até chegar ao item adicionar CSS.
Agora na caixa que aparece cole o código:
.destaque {color: #000}
Isto é apenas uma demonstração no seu blog você poderá formatar o que desejar neste estilo: tipo de fonte, tamanho das letras, cor de fundo, Colocar Bordas e varias outras coisas possíveis de fazer com CSS. Veja os links abaixo para ajudá-lo a fazer esse trecho do nosso tutorial:
Como Inserir Códigos no Blogger: Formatar Texto e Links do Blog
Gerador de Código HTML das Cores
O que é CSS? Para que Serve e Como usar o CSS
Caso queira criar vários tipos de destaque diferentes você poderia criar outro usando o nome:
.destaque1 {...}
.destaque2 {...} e assim por diante poderá criar quantos estilos quiser. Quando desejar modificar a cor ou qualquer outra coisa você entrará nesta pagina onde estão os estilos CSS para fazer suas alterações e assim que salvar a formatação se modificará em todos os posts que aplicou esse destaque.
Destacar partes do Texto da Postagem
Para aplicar essa formatação que criamos é bem simples quando estiver criando sua nova postagem use a guia HTML e digite o seguinte código:
<span class="destaque">seu texto aqui</span>
O mais importante aqui é a palavra: destaque que é o nome do estilo, ou seja, se escrever uma letra errada nela não funciona!
Veja um exemplo de frase que poderíamos usar numa Nova Postagem:
Dicas para criar blogs e <span class="destaque">ganhar dinheiro na internet </span> trabalhando apenas algumas horas por dia.
Como pode notar a parte com formatação especial é o texto ganhar dinheiro na internet. Esperamos que aproveitem essa dica para formatar de maneira mais fácil o texto do seu blog.
Marcadores: CSS, Personalizar