Poner una imagen flotante en tu blog

lunes, enero 24, 2011
COMPARTE EL POST

cabecera

Yo pensé en algún momento poner una de esas imágenes o cuadritos flotantes en el blog para que cuando el usuario bajara con el scroll, la imagen de igual forma bajara y siguiera al usuario, pero pensé que para eso se necesitaba usar programación, y la verdad, me dio mucha flojera.

Pero acabo de descubrir un pequeño truco de CSS para que la imagen u objeto sea flotante y aparte de quede en una posición fija de la pantalla siempre, después del salto vamos a ver como poner una imagen flotante en tu blog.

Si estás en Blogger:

Lo primero es ir a Diseño>Edición de HTML>expandimos artilugios, sino estás en Blogger, el código aplica para cualquier sitio web, así que es lo mismo, ve al cuadrito gris para ver el código.

Busca la etiqueta </body> en tu plantilla y justo antes añade esta línea:

<img style="border:none;position:fixed;top:0;right:0;" src="URL IMAGEN"/>

Donde URL IMAGEN es la dirección web donde está alojada la imagen.

Les voy a dejar un ejemplo del código funcionando en donde en vez de una imagen también podrían intentar con una capa para poner más elementos ahí.

pixar

Vía elbalcondejaime

¡Síguenos en Twitter!


Deja tu comentario