Pués este truco es bastante divertido, es bastande fácil de aplicar y además nos resulta más bonito leer un post, sobre todo si nuestro blog es de cuentos, noticias, o algo parecido, se trata de mostrar la primera letra del post mucho más grande que las demás.
Justo antes de la etiqueta </head> pegamos este bloque de código:
<style type='text/css'>
.letrag {
float:left;
color: #000000;
font-size:100px;
font-family:none;
line-height:80px;
padding-top:1px;
padding-right:5px;
}
</style>
Puedes cambiar:
-float: esto es dónde estará la letra (está configurada a la izquierda)
-color: esto es el color de la letra (está en color negro)
-font-size: esto es el tamaño de la letra
-font-family: esto es el estilo (la familia) de texto, está en none (ninguna) pero puedes poner Arial, Comic Sans MS, u otras.
-line-height: esto es la altura de la línea
-padding-top: es la situación de la letra, su desplazamiento (está en el sitio normal)
-padding-right: es la situación de la letra, su desplazamiento (está en el sitio normal)
Cuando quieras usar este efecto, deberás poner esta línea...
<span class="letrag"> y </span>
Dónde pone la letra y es dónde pondremos la letra inicial (la que queremos agrandar).
Como resultará un poco pesado poner esta línea en cada entrada, podemos ir a Panel>Configuración>Formato, y justo abajo en plantilla de entrada, pegaremos el código.
Visto en oloblogger pero editado por Jaime Trujillo Escobedo
Hola Jaime, hace bastante que entro a tu blog y me parece muy original y de buena ayuda para todos. Me gustaría que nos pongamos en contacto vía E-mail, te paso el mio:
son.celebrities@yahoo.com.ar para cualquier duda!
Hola clubdechicas, pués claro que nos podemos poner en contacto, me alegra mucho que te guste el blog, y la verdad es que me gusta que os sirva de ayuda, un saludo ;)