Inserta una imagen o iconos en todas tus entradas

¡ Artículo publicado en el blog El Balcón de Jaime, que pese a ser un blog terminado, es uno de los mejores en truvos blogger. ! Ve la entrada en su blog original.

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.