45

Lectores de RSS en un solo botón

Acabo de colocar en mi sidebar un botón que da la posibilidad a mis visitas de usar su lector de Feeds preferido.
Con solo pasar el puntero sobre el botón, se abre un desplegable que muestra los lectores de Feeds disponibles. Y además, si me permitís la opinión, el botón tiene un diseño muy lindo. :-)

Para conseguir uno hemos de ir a la web de FeedButton, y en un par de pasos obtendremos el botón. No hace falta registro, tan solo hemos de introducir la url del feed de nuestro blog y escoger el tamaño del botón: "normal" (el del Escaparate) o "long" (110px aprox.) en el mismo instante se genera el código para el botón, que tenemos que copiar y pegar en un elemento HTML-Javascript.
Ejemplo

Pincha en la imagen para verla a mayor tamaño


En el mismo código que nos dan, podemos cambiar el color de fondo var fb_bgcolor = y el del borde var fb_bordercolor =

Entradas Relacionadas:

45 comentarios:


Lucía

Muy útil, yo ya lo he puesto.

Gracias.

Rubén

Rosa, yo lo tuve, pero al final en alguna modificación que hice lo quité. Es vistoso y práctico.

toxicboy

Rosa!! Cuanta información en tan pocos dias... No puedo avanzar en tus conocimientos por que es que mi blog me deja atrás. Hay van algunas de las dudas que tengo ultimamente.

1. Desde que tengo los dos navegadores (Explorer y Firefox)noto que blogger interpreta mis entradas como le viene en gana. Algunas veces me poner una interlineacion de 1,5 otras veces sencilla... Como quiere (puedes ver mi blog y comprobarlor) Creo que esto me pasa desde que tengo los dos navegadores. ¿Crees que puede ser por eso? Utilizo la extension de "visionar explorer" en el firefox pero quiza deba desinstalar lo del todo... no se...

2. Referente a los iconos de los feed. En casi todos los blogs que visito (y en el mio propio tb) veo que el icono tiene en las cuatro puntas un espacio en blanco. Es decir, si tu fondo es negro se va a ver esos espacios en blanco. Intente retocarlo con el photosop pero esos espacios están incrustados y no se pueden retocar. Me baje de internet uno con un fondo negro pero no coincide con el del standar de mi background.
No es una cosa que me importe mucho pero ¿alguien por ahi tb lo ha notado?

Felicidades a los que se van de puente!!!

lacrax

Hola Rosa me gusta tu blog tiene un gran estiloy queria ofrecerte un widget que hice hacer varios dias

y me gustaria que lo difundas en tu blog.La explicacion esta en Esta Pagina .Muchisimas Gracias

Rosa

Me alegro Lucía que lo consiguieras sin problemas :-)

Rosa

Si Rubén, es chulo :-)

Rosa

Toxic, yo hace mucho que uso el Fire con el IE tab y nunca he tenido problemas... será tal vez que escribes el post en "redactar" y cambias a "html" a veces el hacer eso supone algún cambio. En mi caso, si he pegado algún código y cambio de uno a otro, se me "desbarata" casi siempre...

Lo del botón es cierto, muchos de ellos tienes esos "bordes" por defecto.

Rosa

Lichazul...elisa, tanto como salvar blogs, no se yo...pero me alegra saber que tienes esa opinión de mi.
¡Muchisimas gracias!
Un abrazo!!

Rosa

Lacrax, lo siento, no he podido ver tu blog, me salta un mensaje de alerta sobre no se que de certificado sospechoso y mi navegador me aconseja que no acceda, así que por si acaso, no he entrado.
¿Alguien más te ha dicho algo de esto? Porque a lo peor solo me pasa a mi...:-(

Fernando

:) Ya lo puse
Gracias!!

[SergiiO]

Rosa. como hago para poner el codigo de mi enlace en un cuadrado como el tuyo con scrollbars???esque por mas que lo intento en vez de salirme el texto me sale la imagen....como lo hago???gracias de antemano

Rosa

[Sergiio] Tal vez te ayude mirar aquí:

http://elescaparatederosa.blogspot.com/2007/02/para-que-otros-nos-enlacen.html

[SergiiO]

Hola Rosa.gracias a tu blog he conseguido saber mas sobre como crear uno.Te he enlazado en mi blog.
http://sergiio-design-and-innovation.blogspot.com/
Gracias por todo.

Jabba

Hola Rosa! Qué tal todo? Oye, que sepas que sigo siendo lector habitual de todo lo que escribes por aquí (y por tu "rincón de cabreos") :). Yo sigo peleándome con el CSS y el HTML de mi blog (aunque es cierto que ya no tanto como en mis inicios, en los que no paraba de darte la lata).

No sé si llegaste a ver el cambio estético que le dí al blog, rompiendo con el pulcro blanco inicial y pasando a unos tonos algo más oscuros :). Hablando de eso, el tuyo te ha quedado genial.

Bueno, pues llevo tiempo intentado separar la parte de abajo del cuerpo de mis posts (justo donde están los enlaces a las entradas más antiguas y el incono de la casita que te lleva a la página inicial) de lo que hay mas abajo (el buscador de google y la publicida) pero no consigo encontrar la solución. Creo que le he dado pt y px a todo numerito susceptible de ser aumentado en la plantilla, pero nada de nada. Así que aquí me tienes. Dispuesto a ser ilustrado de nuevo ;).

Y ya aprovechandome de ti un poco, otra dudilla. Mira, me encanta la plantilla que usa Maverick en su blog (http://www.elblogdemaverick.com/) sobre todo por el tema del paginador que tiene arriba y abajo. Le he mandado ya un par de correos preguntándole, pero debe estar muy ocupado o cansado de leer correos, porque no ha contestado a ninguno, pese a lo cual su página me sigue pareciendo una referencia, sobre todo para los que somos del mundillo Linuxero. Sé que es una plantilla de Wordpress, pero me preguntaba si sabías de que manera podría conseguirla para Blogger, o alguna similar a ella.

Ostras y ya no me enrollo más ;).

Un saludo Rosa y gracias (como siempre).

Rosa

Hola Jabba!

Pues no, no había visto tu blog...Está muy chulo ;-)

Lo que comentas de la plantilla de maverick, la verdad es que nunca me he parado a mirar las de wordlpress por "dentro" así que no puedo ayudarte en eso. Se me ocurre que podrías pasarte por http://blogandweb.com/ y si no está allí esa plantilla, podrías mandar un correo a Fernando, seguro que él si te responde encantado. Por cierto que no se si será posible añadir ese tipo de paginación en Blogger, más que nada porque me extraña que Fernando no lo haya dejado en alguna de las plantillas que modifica.

En cuanto a lo del pie del blog, he mirado en tu código fuente, y en el footer tienes esto:

/*-- (Pie de página) --*/

#footer-wrapper {
border-top:0px solid #cccccc;
clear:both;
}

Eso está mal, el border-top es la distancia del widget al cuerpo del blog no un borde normal, no debe llevar añadido ningún color.
Normalmente esa parte lleva border: auto y la distancia suele ser la normal. Prueba a dejar esa parte así, si no funciona la separación, si corriges el error del css al menos:

#footer-wrapper {
margin: 0 auto;
border: 0px solid #cccccc;
clear:both;
}

Jabba

Error de CSS corregido, aunque la separación sigue sin funcionar...

Gracy

Hola Rosa
tienes un muy buen blog, te felicito, bueno solo pasaba a saludarte y mandarte un beso y abrazo :)
ah!y estas en mi blogroll ;)
Adiós!

Fernando

Como puedo centrar los titulos de la sidebar?

Jabba

Por cierto Rosa... ¿Fernando... o Francisco? (de blog and web)

Rosa

Francisco, Francisco...por dios! hoy estoy "espesa" del todo...

Jabba, prueba añadiendo donde corregiste el código:

margin-top: 30 px;

30 pixeles o los que sean que quieras poner, a ver...

Rosa

Fernando, busca esto:

.sidebar h2 {
margin:0;
padding:0 0 .2em;
line-height:1.5em;
font:normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif;

}

Y antes de la última llave }
añades:
text-align: center;

Fernando

Gracias ya pude!.
Ahora como puedo poner un un color de fondo al titulo?

Rosa

Fernando, al título de la sidebar supongo que dices ¿no?

En el mismo sitio que antes, justo antes de la misma llave,pones esto:
background-color: #DDDDDD;

Así te saldrá gris clarito, para poner otro color, hay que cambiar el #DDDDDD por el código del color que quieras.

Mira aquí para escoger el color:

Tabla de colores

Jabba

Nop. Nada de nada. Lo he dejado puesto en el CSS para que veas si lo he puesto bien el margin-top: 30 px; ese, pero no se mueven los jodios (con perdón).

Fernando

Gracias!
Sera que mejor que lo deje como esta, ya que una de mis sidebars es negra y las demas son blancas y no combinan.

Jabba

Por lo de los despistes del nombre... mientras no te pase como a mi con los cumpleaños... hoy he felicitado a una amiga por el suyo... solo que no era este viernes... era el que viene (que grande soy yo para estas cosas). Jeje.

Rosa

Jabba, es peor cuando felicitas a alguien con un mes de retraso XD.
¡Yo si que soy grande! ja,ja,ja.

No se entonces como separar a los joios esos, je,je. Si quieres mandarme la plantilla a ver que veo...ya sabes que solo con ver el código fuente no se puede comprobar gran cosa.

Jabba

Jajaja. Hombre, esa también es grande. Pero si nos ponemos chulos... yo este año felicité a mi amigo Kiko el 18 de Marzo, cuando su cumpleaños es el 18 de Abril, me cuesta imaginar la cara que se le quedó cuando descolgó el teléfono y le solté un FELIZ CUMPLEAÑOS TIO!! xD.

Reconozco que soy un desastre con los cumpleaños. Lo reconozco y lo asumo. Lo grave de todo es que encima no me los apunto nunca (confío en mi mala memoria) y así pasa lo que pasa.

Bueno, te he mandado eso. Si tienes un rato échale un vistazo please. Gracias!

Jabba

Rosa! Al fin encontré como hacerlo. Simplemente tenía que aumentar a lo bestia la separación de la sidebar lateral con la parte inferior. Le he puesto 500pt, jeje. Así que perfecto. Simplemente he de jugar con eso. Un saludo y mil gracias por las molestias ;).

Joaquin Rueda

Hola a todos: Muchas gracias de nuevo Rosa. Yo lo he puesto en mi blog. Gracias y sigue así, por favor. Un abrazo!!
Keny

Diegui

Rosa, como puedo conseguir el codigo de "las noticias mas leidos del Blog", tu lo tienes?

Rosa

No Diegui, lo siento, en Blogger aún no se ha encontrado la manera de hacerlo.

Diego Gasaniga

como tas?? el problema es q cuando meto el codigo dentro de center /center con los <> este no se centra, y me keda corrido, como hiziste tu para ponerlo centrado?? un abrazo

Rosa

Diego, yo lo hice con <center> y </center>

Diego Gasaniga

ta muchas gracias, no se xq en mi blog no anda bien, se corre para la derecha, no le haces caso al center, xq lo ponga o no keda en el mismo lugar, un abrazzoooo

Nerim

Hola Rosa, he ido a la web de feedButton y no hay manera de generar el código para el botón.Me puedes ayudar?
Gracias y un abrazo

Rosa

Nerin por si te sirve de ayuda el url del feed de tu blog sería:

http://cajonsecreto.blogspot.com/atom.xml

Nerim

Muchas gracias Rosa, y ahora que tengo que hacer? voy al feedbutton y pongo esta url que me has facilitado?
Muchas gracias
Nerim

Rosa

Nerim, espero que no te moleste...He conseguido el botón para ti, solo copia y pega este código en un elemento HTML y ¡listo!

<script type="text/javascript">
var feedbutton_id = 12913;

var fb_bordercolor = "#3399FF";
var fb_bgcolor = "#FFFFFF";
</script>
<script type="text/javascript" src="http://www.feedbutton.com/feedbutton.js"></script>
<!-- end feedbutton code -->

Si quieres que se vea centrado, pon <center> antes del código y </center> al final.

Nerim

Rosa, muchisimas gracias por tu ayuda, si vas a mi blog verás que ya lo he puesto.
No sabes cuanto te lo agradezco.

Solo una pregunta más.
Hace tiempo que en mi blog quiero poner "entrada más reciente, pagina principal, entradas antiguas". Pero por más que he averiguado no lo he podido hacer ya que la plantilla original no lo traia de origen.
Esto se puede agregar a mi plantilla? y donde puedo conseguir el codigo html.
Ni que decirte que tu blog es de gran ayuda para todos nosotros, que no tenemos pajotera idea de lo que es el html.

Gracias por tu ayuda Rosa

Rosa

Nerin, no puedo saber si podría añadirlo, necesitaría ver el código completo de tu plantilla. Podrías enviármelo por mail si te parece...

alzapua

hola rosa,como puedo saber la, url de mi feed, para poner un boton RSS, quisiera ponerlo en la sidebar, gracias guapetona.

Rosa

alzapua, en Blogger por defecto la url de nuestro feed es esta:
http://NOMBRE_DEL_BLOG.blogspot.com/feeds/posts/default

Se sabe facilmente pinchando sobre "suscribirse a entradas", por ejemplo para tu blog alzapua, sería esta:
http://relojdelflamenco.blogspot.com/feeds/posts/default

alzapua

hola rosa,gracias,your are the master

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S