Personalizar la primera letra de las entradas del blog

Existe una manera muy sencilla de hacer que la primera letra de las entradas de nuestro blog aparezca de diferente tamaño en relación al resto del contenido, dándole una apariencia parecida a los periódicos que hace que se vea un poco más elegante. Hacerlo es en realidad muy sencillo.

Te quedaría algo más o menos así:

Claro que puedes personalizar tanto el tamaño, color y estilo de las letras como para que queden a tu gusto y que combinen con el estilo de tu blog.

Veamos cómo hacer este truco. Primero entra en Diseño, Edición html y, con los artilugios expandidos, pega antes de ]]></b:skin> lo siguiente:

.post-body:first-letter {

float:left;

color: #333333;

font-size:100px;

font-family:none;

line-height:80px;

padding-top:1px;

padding-right:5px;

}

font-style: italic;

}

Con esto te aseguras que en todas tus entradas esta primera letra aparezca como tú la hayas personalizado.

Ahora lo que debes cambiar a tu gusto es el tamaño de las letras que están en rojo, el color que lo he puesto en azul, y el alto de las letras que ya depende de tu gusto que puede ser más grande, más pequeño, etc, etc., que lo he puesto en verde.