Añade una imagen a la fecha de tus posts / entradas

Añadir una imagen en la fecha de nuestros Posts (entradas) pude ser un detalle decorativo muy sencillo, pero es un elemento que destaca y da mas vista a nuestro blog.

Esto lo podemos hacer, agregando unas líneas de código a nuestra CSS (plantilla), como se muestra en los pasos siguientes:

1. Ingresa a Panel/Diseño/Edición de HTML.

Nota: Antes de hacer cualquier modificación a nuestra CSS, es importante que siempre guardemos una copia de seguridad.

2. Busca el código h2.date-header ,y te aparecera algo como lo siguiente:

/* Posts ----------------------------
*/ h2.date-header { margin:1.5em 0 .5em; }

3. Delante de h2.date-header { agrega el código siguiente:

padding-left:20px;
padding-top:35px;
background: url(Dentro del paréntesis agrega la URL de la imagen incluido el http://) center left no-repeat;



4. Presiona en “VISTA PREVIA” para visualizar como se ve, y en su caso hacer modificaciones a los valores de:

padding-left: Distancia a la derecha entre la imagen y el texto (el valor es en pixeles).

padding-top: Distancia de altura entre la imagen y el texto (el valor es en pixeles).

5. Una ves que estés conforme con los cambios, presiona en “GUARDAR PLANTILLA” y listo, ahora nuestros posts tendrán un elemento decorativo personalizado.

Tips: Las dimensiones ideales para la imagen pueden ser de 16x16 (pixeles), 32x32 (pixeles) hasta un máximo de 40x40 (pixeles), eligiendo una imagen en la que no se pierdan los detalles al reducir su tamaño.

NO DEJES DE VISITAR:
http://www.buscate.com.mx