¿Cómo poner una imagen flotante en el blog?

En unartículo publicado recientemente, hablábamos las diferentes formas que existenpara afrontar un periodo de vacaciones , es decir, unos días o semanas en losque nuestro blog no lo actualizaremos.

Una de las formas comentadas eraincluyendo un post en el foro indicando que estaremos de vacaciones unos días, de esta forma los seguidores de nuestro blog continuarán informados.

Hoy os queremos presentar unaforma, quizás algo mas original y llamativa, para mantener informados a losvisitantes de nuestro blog. Se trata de incluir una imagen flotante en el blogdonde insertaremos la información que deseamos comunicar a los visitantes denuestro blog.

Una imagen flotante incluida ennuestro blog, presenta la gran ventaja de que siempre es visible, independientemente del artículo que estemos visualizando. De esta formacualquier usuario que llegue a nuestro blog verá el mensaje que deseamostransmitir.

Para insertar una imagen flotantedebemos realizar los siguientes pasos:

1.- Crear una imagen con el logo, foto o texto que deseemos, eso si la imagen tiene que tener formato png .

2.- Antes de la etiqueta insertamos el siguiente código html

URL_enlace ' style='display:scroll;position:fixed; bottom :0px; right :0px;'> 'URL_imagen' />

Donde los parámetros:

URL_enlace pondremos la dirección hacia la quedirigiremos a los usuarios que pulsen sobre la imagen. URL_imagen es ladirección de la imagen que deseamos mostrar. Bottom indica la distancia en pixeles de la parte inferior. Right ladistancia de la parte derecha.

Modificando estos valores podremos colocar laimagen donde deseemos, siendo preferible colocarla en las esquinas inferiorespara que no molesten demasiado.