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.
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.
Muchas gracias Jaime por este truco, he cambiado las dimensiones y me ha quedado genial
besos
Por supuesto, Teofermi. Incluso podemos añadir bordes o colores de fondo a esta imagen / icono para personalizarlo a nuestro gusto.
¡Abrazos!