¿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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzf06hx7-rCYM8Bm-TT13szWVWlEsWSM4drBjvd505Rhj8D_ORfqgv47zdcUCH_0r_uYf3H-vXK5rXRf6iWYy-TN5jgGrYOTDk71Il6sMaU4GFGyYPH1eorpJpS0SsB5nPZyvxiKX6jeXe/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