Como añadir una imagen flotante a tu blog

Quieres una web para tu Empresa? Contacta con Diseño Web Pol Smith!

Imagen Feed RSS Flotante

Imagen Feed RSS Flotante

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!!!

Leave a Reply

Your email address will not be published.