Como Añadir la Letra Mayuscula Agrandada al incio de una entrada en tu blog

En este articulo te mostrare como añadir la letra mayuscula agrandada al incio de una entrada en tu blog de blogger dandole un estilo distinto y llamativo ,decorativo a el contenido de tu blog.Es conocodo en ingles como "Drop Cap".Como se logra este efecto en tu articulo,es sencillo se implementa el uso de codigo de diseño Css.Como ejemplo tienes la siguiente imagen.


Si puedes ver la letra A inicial de el parrafo en la imagen es agrandada y alineada al resto del contenido.Vamos a seguir estos pasos simples:
 1.Entra en tu cuenta de blogger>> Deseño >> Editar HTML

2. Encuentra la etiqueta    ]]></b:skin>usando Ctrl+F

3. Pega entonces el codigo de abajo antes de la etiqueta ]]></b:skin> 

.upperletter:first-letter { float: left;
display: block;
font-family:Georgia;
font-size: 60px; 
color:#0033CC;
margin:0px 5px 0 0;
padding:0 0 0 10px; }

4. Luego guarda tu plantilla

5.Ahora  Cuando vayas a escribir un articulo ,puedes usar este codigo y añadir el texto a este.

<div class='upperletter'> Tu Texto Va Aqui... </div>

6. Publica finalmente tu articulo, te saldra con la letra inicial agrandada o en Mayuscula.

Nota:Puedes personalizar el tipo de letra a usar cambiando Georgia; por su tipo de letra favorito y el tamaño de su letra 60px; por el tuyo .Que lo disfrutes.

Read More