Como Mostrar Imagen al Lado Del Titulo de Articulo en Blogger

En este articulo te mostrare como añadir un foto de profile o logo de blog junto al titulo de el articulo en tu blog.Esto le da ese toque profesional a tu pagina de tu blogger.Ayuda definitivamente a construir un grupo de lectores, ganar confianza y reconocimiento.

 Cuando el visitante entra a tu blog,deben sentir que existe alguien detras de cada contenido de el articulo. Esto hace de tus articulos uno vivo y a todo color. Si añades una imagen de tu profile antes de el titulo del articulo sentiran la atraccion hacia ti y seguro se comunicaran contigo para cualquier pedidooretroalimentacion.Entonces veamos como añadir esa imagen o avatar antes del titulo de articulo en blogger.

Añadiendo Imagen Antes Titulo de Articulo

Solo sigue estos pasos:

1. Entra en tu cuenta de Blogger.
2. Ve a Plantilla >> Editar HTML
3. Haz una copia de tu plantilla. (Lea aqui: Como hacer Copia seguridad en blogger?)
4. Ahora presione Ctrl+F y busca .post h3 o .post h2
5. Encontraranaun codigo similar a esteÑ


.post h3 {
color: #7CA2C4;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal;
margin: 0px;
padding: 0px 10px 0 47px;
}

6. Luego reemplace el codigo completo con el siguiente codigo


.post h3 {
background:url(Imagen URL) no-repeat top left;
color: #289728;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal; height:45px;
margin: 0px;
padding: 0px 10px 0 47px;
line-height:1.1em;
}

7. Ahora reemplace Imagen URL con tu imagen o la icono URL.
8. Ahora da click en boton de Guardar Plantilla..
9. Listo!

Nota:
Use una imagen debajo de titulo de articulo de tamaño de 40px x 40px.Seria mejor si usaras una imagen con fondo blanco por que luce mas adecuado.

Read More