Como colocar Drop Caps no blogger

O Drop Caps é um efeito muito utilizado em jornais, mas se você não sabe o que é, ele simplesmente consiste em aumentar a primeira letra do texto.

É um efeito bem simples, mas que dá um belo visual à qualquer blog, e não é dificil de fazer, então, mão na massa, ou no código.

1 – Primeiro localize o seguinte código:

]]></b:skin>

2 – Logo acima copie e cole o código abaixo:

/* —( drop caps )— */

.dropcaps { float:left; color: #000000; font-size:100px; line-height:80px; padding-top:1px; padding-right:5px; }

3 – Pronto no início de cada postagem em “Editar Html” basta colocar o código abaixo:

<span class=”dropcaps”>X1</span>X2

onde X1 é a primeira letra do texto e X2 a continução, lembramdo que X2 pode ter um espaço antes, caso o post comece com um artigo.

4 – Você pode configurar o blogger para que cada post novo já insira o código do Drop Caps, basta ir configurações > Formatação, e lá embaixo em Modelo de Postagem, colar o código do passo 3. Assim cada vez que você criar uma nova postagem, ao clicar em Editar Html o código do Drop Caps vais estar lá bastando editar e continuar a escrever o post.

Digite seu e-mail abaixo e receba as novidades nele. É Grátis

Já sã o mais de 129.859 mil assinantes!



Por: Renato Tavares
Postado em: Blogosfera
Nenhum Comentário
nenhum comentário
    Nenhum comentário ainda. Seja o primeiro a comentar!
Comente
  • obrigatório
  • obrigatório | não será divulgado
  • opicional | sujeito à filtro