Tutorial: Imagen flotante en tu blog Septiembre 27, 2007

Como podéis observar en la esquina inferior derecha del blog, hoy he realizado el cambio de añadir la simpática imagen de Homer Simpson como en Moskis.

¿Cómo podéis aplicar una imagen flotante en vuestro blog?

Muy sencillo:

• Lo primero es tener la imagen que queremos colocar, yo recomiendo que no sobrepase los 200×200 píxeles.
• Editamos la hoja de estilo de nuestra bitácora style.css, la plantila para los que utilicéis blogger. Añadimos las siguientes líneas:

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

• Por último editáis el archivo 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>

Compártelo