Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Una imagen o icono en todas tus entradas

Mostrar un logotipo o una imagen en el cuerpo de todas tus entradas de forma automática puede ser de mucha utilidad según el diseño que tengas en tu blog.

A pesar de haber explicado con anterioridad el procedimiento para incluir una imagen en una entrada del blog, considero que resultará mucho más cómodo para ti poder hacer visible esta imagen fija aplicando el código una sola vez.




Diseño>Edición de HTML>expandimos artilugios



Busca la etiqueta <data:post.body/> en tu plantilla y justo al lado añade lo siguiente (a excepción de la etiqueta resaltada en verde):

<img src='URL IMAGEN' style='float:left;height:80px;margin-bottom:10px;margin-right:10px;margin-top:6px;width:80px;'/><data:post.body/>

Reemplaza URL IMAGEN por la dirección de la imagen y listo. Ésta se mostrará en la esquina superior izquierda del artículo. Para cambiar su posición utiliza estas alternativas:

- Imagen en la esquina superior derecha

<img src='URL IMAGEN' style='float:right;height:80px;margin-bottom:10px;margin-left:10px;margin-top:6px;width:80px;'/><data:post.body/>

- Imagen en la esquina inferior izquierda

En este caso, añade el código a continuación de la etiqueta resaltada en verde:

<data:post.body/><img src='URL IMAGEN' style='float:left;height:80px;margin-bottom:10px;margin-right:10px;margin-top:6px;width:80px;'/>

- Imagen en la esquina inferior derecha

Sigue el mismo procedimiento citado en el punto anterior pero utiliza esto otro:

<data:post.body/><img src='URL IMAGEN' style='float:right;height:80px;margin-bottom:10px;margin-left:10px;margin-top:6px;width:80px;'/>

Pulsa el botón Guardar plantilla para terminar.

teofermi dice...

Muchas gracias Jaime por este truco, he cambiado las dimensiones y me ha quedado genial
besos

Jaime Trujillo Escobedo dice...

Por supuesto, Teofermi. Incluso podemos añadir bordes o colores de fondo a esta imagen / icono para personalizarlo a nuestro gusto.

¡Abrazos!

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo