Como añadir una imagen flotante a tu blog

Para poner la imagen flotanto que podéis ver en Kaosklub.com (abajo a la derecha), he hecho lo siguiente:

1. Subir la imagen http://www.kaosklub.com/descargas/trans.png

2. En el archivo style.css de mi theme he añadido el siguiente código:
(en mi caso utilizo un estilo de K2, por lo tanto en wp-content/theme/K2/styles/kaosklub/kaosklub.css)

#flotante {
position: fixed;
right: 10px;  /* distancia de la derecha */
bottom: 10px; /* distancia de abajo */
display: block;
height: 50px; /* altura de la imagen */
width: 50px; /* anchura de la imagen */
background: url(http://www.kaosklub.com/descargas/trans.png) bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

3. Para hacerlo efectivo, al sidebar.php de mi theme he añadido lo que está en  negrita:
(no son necesarias las etiquetas “title” y “href”)

<hr />
<a id=”flotante” title=”Feed RSS” href=”http://feeds.feedburner.com/kaosklub“></a>
<div id=”sidebar-1″ class=”secondary”>
<?php if ( !dynamic_sidebar(1) ): ?>

Fácilmente!!!