Destacar Primeira Letra do Texto no Post no Blogger

Você já deve ter visto em alguns sites, onde no parágrafo inicial de uma postagem, a primeira letra do texto se apresenta de forma destacada, em tamanho maior que as demais letras e em negrito.

Se você quiser dar um destaque a primeira letra do texto em seus posts, basta acrescentar algumas linhas de código no seu CSS, conforme explicarei abaixo.

1º passo – Acesse o menu “modelo >> Editar HTML >> Expandir modelos de widgets.
Copie o código abaixo e cole-o ACIMA de ]]></b:skin>

p.introduction:first-letter {
font-family: 'Trebuchet MS', Times, Sans-Serif;
font-size : 350%;
font-weight : bold;
float : left;
width : 2em;
padding-right: 5px;
}

Salve as modificações!

2º passo – Sempre que for escrever um novo texto, no modo “Editar HTML” da postagem, acrescente a seguinte linha:

<p class="introduction">
ESCREVA SEU TEXTO AQUI
</p>

Portanto, sempre que for destacar a primeira letra do texto, deverá escrever seu artigo normalmente entre : <p class=”introduction”> e </p>
Facil não?

[dica]DICA:
1) Se em determinada postagem, você não quiser dar destaque a primeira letra do texto, simplesmente NÃO coloque esta linha na mensagem.

2) Se preferir, você pode modificar o tipo da fonte (font-family), por exemplo:’Monotype Corsiva’, ‘Tahoma’, ‘Verdana’ etc. [/dica]