lunes, 7 de febrero de 2011

Imagen flotante en Blogger

Una imagen flotante es una imagen que permanece estática al subir o bajar la página (esto quiere decir que la imagen permanece fija en la pocisión establecida).

Un ejemplo claro de esta imagen estática flotante lo puedes ver en la siguiente imagen:


Para instalar esta imagen flotante en Blogger, debemos modificar nuestra plantilla desde:
Diseño / Edición de HTML

 En la plantilla HTML, debes encontrar el código </body>, y antes de ese código, deberás pegar el siguiente:
<img border='0' src='URL IMAGEN' style='position:fixed; bottom:0; left:0;'/>

Reemplaza URL IMAGEN por la imagen que desees agregar.

Nota:
Por defecto la imagen se situará en la esquina inferior izquierda, si deseas modificar la posición de esta, cambias los siguientes valores del código anterior:

  • bottom (Abajo) por top (Arriba)
  • left (Izquierda) por right (Derecha)

No hay comentarios:

Publicar un comentario