sábado, 23 de mayo de 2009

¿Quieres colocar un botón flotante de RSS ?

Aquí le tengo la respuesta

Un botón que invita a las visitas a suscribirse a nuestro feed.

La diferencia de este botón con los que vemos habitualmente en cualquier blog, es que este aparecerá "flotando" al borde derecho de nuestra pantalla y permanecerá en una posición fija mientras hacemos scroll en la página.

Podéis verlo funcionando en este blog de pruebas.

[1] Vamos a Edición HTML de nuestro panel de Blogger y localizamos casi al final de todo el código de la plantilla la etiqueta
</body>



Justo sobre esa etiqueta colocamos el código para el icono:


<a class='feedback' href=' URL_DEL_FEED ' style='display:scroll;position:fixed;bottom:270px;right:0px;'><img src='http://1.bp.blogspot.com/_gcgjC6O3wCs/SgrRWQQjeXI/AAAAAAAAAQs/WPzM1JnSwXI/s320/rss_orange_l.jpg'/></a>


En "URL_DEL_FEED" colocamos la dirección del feed de nuestro blog.

En "bottom" controlamos la altura de la pantalla a la que se verá el botón.

[2] He añadido una clase al botón (feedback) en el código, lo que nos permitirá usando algo de CSS añadirle un efecto de opacidad al botón (opcional):


/* Boton RSS

--------------------------- */

.feedback{ opacity:0.6; filter: alpha(opacity=60);}

.feedback:hover{ opacity:2; filter: alpha(opacity=200);}


En el código está incluida la url de la imagen de color naranja del ejemplo, os dejo el mismo modelo de botón en distintos colores por si queréis usar alguno.








Visto en: El Escaparate de Rosa

1 comentario:

  1. Tendrías que poner "Copiado literalmente del Escaparate de Rosa" en lugar de "Visto".

    Trabajar lo mínimo ¿eh?, mejor robar a otros.

    ResponderEliminar

Deja su opinión sobre este post

Hora actual