Imagen flotante de Javi MoyaSeguramente muchos de vosotros habréis visto en muchos blogs una imagen estática abajo a la derecha que por mucho scroll que hagáis permanece inmóvil (Por ejemplo en el de Javi Moya la imagen de “Por cada comentario mato a un gatito”). Este tipo de imagen se llama imagen flotante, y para ponerla en el blog hay que editar dos archivos: la hoja de estilo del blog y la barra lateral. El proceso es sencillo, y basta con hacer lo que os digo a continuación. En primer lugar, si utilizamos WordPress, abriremos la página style.css y si utilizamos Blogger la plantilla y añadiremos las siguientes líneas:

#flotante {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 200px;
width: 200px;
background: url( http://imagenquequeramossubir.jpg) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

Luego, en WordPress seleccionamos la página sidebar.php y nos ponemos al final del todo, mientras que en Blogger buscamos dónde termina la barra lateral y añadimos el siguiente código:

<a id="flotante">Comenta</a>

Una vez hecho ésto, y tras guardar los correspondientes archivos, nos debería salir abajo a la derecha la imagen que pusimos. Disfrutadla ;)