miércoles, 11 de septiembre de 2013

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

Leave a Comment
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.

Añadir css a letra de entrada incial en blogger
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.
Enhanced by Zemanta
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario