Como inserir o efeito Drop Caps no Blogspot

Inserindo o efeito Drop Caps no seu blog de maneira simples

(Texto com efeito Drop Caps)

Provavelmente você não saiba o que é efeito Drop Caps, mas já viu. Drop Caps é o destaque dado a primeira letra do seu artigo, como mostrado na imagem acima. Não é muito comum em blogs brasileiros e é até bastante difícil encontrar tutoriais na internet que auxiliam quem deseja inserir esse efeito na plataforma do Blogger. Pensando nisso, resolvemos postar uma forma fácil para que você possa inserir o efeito.

É um efeito simples e que dependendo do layout e tipo de letra usado no seu template, dá um belo visual.

Antes de tudo, é importante fazer o backup do seu template pois caso algo saia errado ou você decida retornar para o estado anterior, terá um ponto de restauração. Se você não sabe como faz o backup, vá a Design > Editar HTML > Baixar modelo completo.

Primeiro Passo;
Dê um Ctrl+F e localize o seguinte código:
]]></b:skin>



Segundo Passo;
Cole o seguinte código logo acima da linha que você localizou no primeiro passo:
.dropcaps { float:left; color: #000000; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

Toda a parte de configuração fica nessa área e caso deseje alterar algo, segue a legenda:
color: Define a cor do efeito.
font-size: Tamanho do efeito.
padding-top: Altura do efeito.
Não esqueça de visualizar para checar de que não existem erros e caso o carregamento da página esteja OK, salve.

Terceiro Passo;
Prontinho! Você já tem seu código configurado mas para ativá-lo no seu post vá até sua área de postagem, clique em Editar HTML e insira o código abaixo;
<span class="dropcaps">PRIMEIRA LETRA</span>RESTANTE DO SEU TEXTO.


Explicando o código acima:
PRIMEIRA LETRA: A letra que você pretende inserir o efeito Drop Caps.
RESTANTE DO SEU TEXTO: Logicamente, o restante do seu texto que não receberá o efeito.


Deixe o efeito Drop Caps como padrão no seu Blog;

Caso você pretenda usar o efeito como padrão no seu blog e não quer ter o incômodo de precisar colar o código descrito no Terceiro Passo todas a vezes em que for criar uma postagem nova, faça o seguinte:

Procure por Configurações > Formatação, cole o código do Terceiro Passo no campo Modelo de Postagem e salve. Todas as vezes em que você for criar uma postagem, o código será inserido automaticamente, bastando apenas substituir os campos informados no passo anterior.

Agora você já terá seu template devidamente configurado para usar o efeito.