Colocar una imagen flotante en tu Blog

Colocar una imagen flotante en tu Blog

Alberto Lozano 24 / junio / 2010 Blogger 7 comentarios    12 visitas
Publicidad

Una imagen flotante estática en nuestro Blog es algo que casi todos usan en este tiempo, porque no es estorboso para los visitantes y moderno, es visible en todas las páginas, ya sea si bajas o subes la pagina siempre se quedara estática donde la coloques.

Podemos colocar una imagen de tu logo, un icono de sígueme en Twitter, hazte fan en Facebook, por dar algunos ejemplos.

Bueno primero nos vamos a Diseño > Edición de HTML y colocamos el siguiente código antes de </body>

<a href='URL de tu Blog o de otro sitio' style='display:scroll;position:fixed;bottom:150px;right:0px;'><img src='URL de la imagen'/></a>

Url de tu Blog o sitio: Es a donde quieres que sea redirigida la imagen, si no quieres eso, entonces en vez de la Url ponemos una #
Bottom: Significa la posición donde quieres que este tu imagen por defecto esta en 150px, así como se ve en mi imagen flotante, pero si la quieres hasta abajo lo dejamos en 0px, o más arriba le ponemos un 250px, como gusten.
Right: Esta opción significa que la imagen por defecto se encuentra del lado derecho, pero si la quieres del lado izquierdo lo cambiamos a left
Si solo quieres poner la imagen flotante y sin enlace, en vez del código anterior ponemos este:
<a style='display:scroll;position:fixed;bottom:150px;right:0px;'><img src='URL de la imagen'/></a>
Y listo, la imagen flotante se puede ver en los navegadores de Firefox y Internet Explorer.
Añado: les dejo dos imágenes muy padres.

Publicidad

7 Comentarios en 'Colocar una imagen flotante en tu Blog'

Deja tu comentario

  • Nombre:
    E-mail:
    URL: (opcional)