viernes, 13 de septiembre de 2013

Como Mostrar Imagen al Lado Del Titulo de Articulo en Blogger

Leave a Comment
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.
Como Mostrar Imagen al Lado Del Titulo de Articulo

 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Ñ

  6. .post h3 {
    color: #7CA2C4;
    font-size: 20px;
    font-family: Arial, sans-serif;;
    font-weight: normal;
    margin: 0px;
    padding: 0px 10px 0 47px;
    }
  7. Luego reemplace el codigo completo con el siguiente codigo

  8. .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;
    }
  9. Ahora reemplace Imagen URL con tu imagen o la icono URL.
  10. Ahora da click en boton de Guardar Plantilla..
  11. 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.
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario