82

Widget para tus feeds

Se trata de incluir un widget personalizado en la sidebar para facilitar a nuestros futuros suscriptores la opción de suscribirse a nuestro blog.

Gracias a Juliana Sardinha del blog de ayuda Dicas Blogger de quien he tomado la idea, he construido el código para el widget.

Si alguno de vosotros opta por colocar el modelo que Juliana nos propone en su blog, los pasos a seguir serán los mismos que para colocar el mío y, aunque su blog se publica en portugués, simplemente por intuición no será nada complicado conseguirlo.

Este es el código que colocaremos dentro del elemento:

<table border="1" style="text-align: left; width: 250px; height: 100px;" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td><a href="http://feeds.feedburner.com/blogspot/hnBy"><span style="text-decoration: underline;"><img alt="Feeds" style="border: 0px solid ; width: 110px; height: 110px; float: left;" src="http://2.bp.blogspot.com/_8PJ-pgoBhWQ/SLSjKZSO6uI/AAAAAAAAEHs/1_Vb9U5gx88/s320-R/rss128pw8.png" title="¡Suscribe Feed!"/></span></a><br/>
<a href="http://feeds.feedburner.com/blogspot/hnBy" title="Suscribe entradas">Feed (RSS)</a><br/>
<a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=690409&loc=en_US" title="Recibe mis entradas en tu email">Feed
(email)<br/>

</a><a href="http://elescaparatederosa.blogspot.com/feeds/comments/default" title="Suscribe mis comentarios">Feed
(comentarios)<br/>
</a><a href="http://feeds.feedburner.com/blogspot/hnBy"><img style="border: 0pt none ;" alt="Lectores" width="88" src="http://feeds.feedburner.com/%7Efc/blogspot/hnBy?bg=6699FF&amp;fg=444444&amp;anim=&amp;label=lectores" height="26"/></a><br/>
</td>
</tr>
</tbody>
</table>
  Cambios:
He marcado la parte del código donde tendréis que poner vuestros datos en color.
Rojo Colocamos aquí nuestra dirección del feed de Feedburner, de Blogger o del servicio que estemos usando en cada caso.
Azul Esa es la url de la imagen que he escogido, para cambiarla por otra si así lo preferís, solo hay que poner la url de la nueva imagen en lugar de esta.
Verde La dirección para suscripción por correo.
Azul claro El nombre del blog.
Naranja El código del botón de Feedburner.

Y este será el resultado: 

Podéis consultar como usar el servicio de Feedburuner si estáis interesados en empezar a usarlo.


Entradas Relacionadas:

82 comentarios:


Anónimo

Vaya, Rosa:

Este me interesa mucho más.
La parte azul, la naranja y el botón yo los pondría igual a los tuyos pero no se donde encontrar la parte verde.

Tu fan número 1.

Anónimo

esta muy bueno el widget, y parece que no ocupa mucho espacio, a ver si la puedo adaptar a mi blog, gracias a ti y a juliana.

Anónimo

¡Simplemente impresionante en cuanto pueda lo pongo! Salud. ;-)

Anónimo

Ligia, en esta entrada explico como activar y colocar el servicio de suscribir por email en tu blog. Una vez activado (no hace falta que lo coloques en el blog) te dan el código y dentro de este verás la direccion(url) que necesitas para colocarla en el lugar de "la verde".

Anónimo

gamaxl puede modificarse el tamaño facilmente en el código (widht y height) eso si, entonces has de usar una imagen algo más pequeña...en fin, tu ya controlas eso :-)

Anónimo

Carlos Soler...hombre tanto como impresionante, je,je. ¡Gracias! :-)

†Eddie†

Genial Rosa, ya lo puse en practica, ahora solo me falta hacerme la imagen, y cuando la tenga lo termino de arreglar, pero muchas gracias

p.d. Gracias por contestarme el Mail
para variar me salvaste!!!!!!

:)

TodoGospel by Rachel

Muy bueno esto Rosa!! Me vino de diez p mis sitios ....

Anónimo

Yo muestro los feeds de una forma muy parecida, pero sin usar ninguna tabla, fijandome en como tenian los feeds otros blogs logre construirme un codigo que no da un mal resultado.

Sludos!!

-Adm.

Muchas gracias por el codigo Rosa, pues la verdad que se veia medio feo solo pedir que se suscriban y ya, un poco pelado no!!...=P...una imagencita da ma gusto a la vista =D...

Anónimo

Hola Rosa. Es muy bueno. Gracias por mencionar mi blog. Abrazos de Brasil!

Anónimo

†Eddie† me alegra saber que te sirvió :-)

Anónimo

Juanjo , pues si, podría usarse un div por ejemplo, pero en este caso pues va con tabla :-)

Anónimo

dicasblogger , gracias a ti por tus ayudas.
¡Tu blog es fantástico!

Anónimo

-Melo. y te ha quedado muy chulo ;-)

Anónimo

Hola Buenas
Tengo la direccion de FeedBurner pero Donde esta el codigo para la subscripcion por correo ????? please

Anónimo

Lo Piolet, mira la respuesta del comentario número 4

Franco Fontanet

Rosa, perdon la molestia te queria hacer una consulta, no tiene nada que ver con esta entrada pero bueno, tengo mi blog http://andresfranzoia.blogspot.com y tengo un problemita no me deja publicar, ba yo edito pongo publicar queda como que la entrada se publico, pero ingreso al blog y no estas las entradas q publica esto me sucedio en el dia de hoy....si sabes q puede ser, porfavor decime....si no no importa no hay problema..
Gracias!!!!!!!!!1

Anónimo

Gracias por esto me ha venido de maravilla jejeje apenas estoy en crecimiento pero con esta ayuda se que va a ser mas facil .. gracias

Anónimo

Franco Fontanet, pues lo único que se me ocurre es que haya sido un problema momentáneo de Blogger.

Anónimo

Sunk, gracias a ti :-)

Carlos Pizcos

Hola!!! buen truco , me gusta...ta chulo, chulo...

Salu2 compi...

Carlos Pizcos

Me imagino que estaras "trasteando", tu nube de etiquetas bajo el header se ve en lista...por si acaso compi...☺☺☺

Carlos Pizcos

po si estabas trastenado...ya esta bien...jajajaja...no he dicho nada...jajaja

Anónimo

Pizcos, ajajajjajaj andamos por aqui al mismo tiempo y si estaba trasteando pero meti la pata y por los pelos no me cargo la nube ajajajjaja

Brujita

Hola Rosa!!!
Genial tu blog y tu generosidad al compartir.
Acabo de colocar este recurso que adapté a mis necesidades y me vino de maravillas.
Un besote desde Vikinglandia

Anónimo

Gracias, querida Rosa, gracias.

Anónimo

Ligia, espero que te sirva cielo:-L y gracias a ti.

MiriMiriChan

Hola Rosa! Espectacular widget! yo lo tuve que poner en vertical xq mis sidebars son delgadas xD jejeje, un MiriSaludo!!!

Anónimo

Tienes excelente tips en este blog, pasare seguido, en especial he estado buscando este truco y no lo encontraba, saludos

Anónimo

Hola rosa primeramente felicitarte por el mejor blog de ayuda de la red, y por favor pedirte un tiempito para mirar mi blog es que realmente no se como solucionar mi problema es que no existe en mi blog un lugar para poner comentarios no se en que momento tal ves al diseñar en HTML se borro algún sector, quisiera por favor que me ayudes a que vuelva a mostrarse comentarios, mi blog esta a un en construcción y porfa date un vueltita y dime en que esta el error.

Anónimo

Cochalo , estás seguro que en la parte de diseño, cajita de entradas, hasmarcado la casilla de "comentarios"??:-X

Unknown

Estuvo de lujo !!!!!!!!!!!!!!!!!!!!

Anónimo

Hola Rosa :) Felicidades por tu blog, lo leo a menudo y me ha servido de ayuda en muchas ocasiones y este widget no ha sido una excepción. Ya lo coloqué en mi blog y estoy encantada con él! Gracias!

Anónimo

Hola Rosa.
Creo que al fin puedo comentar de este modo.. jejeje

He cambiado más cositas poco a poco en el blog... va mejorando.. jejee... Ahora me arrepiento un poco de haberme puest con ese que esta medio vacío

He puesto también el contador de lectores.. y todo el rollo.. aunque no se muy bien si lo he puesto bien y funciona.
si puedes pasarte.

Un saludo.
Y gracias por este blog.

Anónimo

Se me olvido poner la dire del blog jejeje

v-webbeando.blogspot.com

Anónimo

Vanesa, está todo correcto menos el enlace de la suscripción por correo...niña, ja,ja, estás dando la opción de suscribirse al Escaparate desde allí :-)

Mira esta entrada:
http://elescaparatederosa.blogspot.com/2007/10/suscribirse-al-blog-mediante-email-con.html

Anónimo

jajajaa
Ya imaginaba que el lio que me hice algo había salido mal...

Voy a ver como lo arreglo!

Gracias Rosa!

Antonieta H.

gracias rosa....sin duda así se ve mas bonito y todo junto...buscaré un botoncito que me guste... y por cierto...el blog portugués esta bueno también y no es tan difícil seguir el portugués

gracias :)

Anónimo

Bluesoul sii, está genial y, no, no es demasiado difícil seguir sus explicaciones a pesar del idioma.

Anónimo

Sii :D se ve lindo, la verdad a mi me encantaron y me descargué todos ya a la pc, para furutas ocasiones que necesite de varios tamaños ahi los tengo ya...

Paramatma

Rosa, aunque no lo sabias siempre vengo a tu blog, ahora mas q nunca ando en serio con mi blog, puedes verlo en EL cielo lo sabe por defecto la plantilla me coloca el boton de rss en la parte superior de mi header cosa q no me disgusta, ya estoy en feedburner, ahora mi gran duda es como hago para aplicar este mismo efecto pero no en un widget aparte sino que se me vea alli mismo con las mismas caracteristicas me podes responder al correo? es gocaseb@gmail.com

MIL GRACIAS
SALUDOS DESDE COLOMBIA

Anónimo

GOCASE, lo siento, no envío correos si antes no me los envían a mi, es decir, solo respondo.

De todos modos esto no es un widget "aparte" puedes colocar este código en sustitución del que tienes que muestra la imagen para suscribirse.

Paramatma

Gracias Rosa lo intentare en cuanto pueda.
Besos !!!

Anónimo

Hola rosa disculpa que te moleste pero esta parte no la entieno de donde devo sacar ese codigo no lo encuentro cuando pongo esa parte me salen el numero de tus suscriptores con todo lo demas me fue bien solo es esa parte

Naranja El código del botón de Feedburner.

Gracias de antemano saludos

Anónimo

P2P, si pegas el código tal cual está, todos los datos que salgan serán los míos, ya que los he dejado ahí para el ejemplo.
Tienes que cambiar todos los datos por los tuyos, el código de color naranja es el código de mi botón, tu tienes que cambiar todo ese código naranja por el de tu botón de Feedburner.

Fede

Rosa, venía bien hasta que llegué al "codigo de boton de feedburner", como hacemos para saber nuestro código de boton? se me ocurrio inocentemente hacer click con el boton derecho sobre el boton de feedburner que tengo pero me sale una direccion url de mi feed que termina en .png , esa no es verdad?

Anónimo

Fede, no, eso es la url de la imagen del botón.

Si tienes el botón en el blog, solo tienes que pinchar en "editar" del gadget donde lo has colocado y dentro verás el código, que es parecido al de color naranja que ves en la entrada, todo eso...o sea, lo que pegaste para que se viera en tu blog.

Fede

Rosa, me molesta molestarte je! pero no encuentro en la edición del gadget lo que me dices, quisiera que me des una mano con esto, ya que quiero incorporarlo a mi blog, sino como podria hacer? si quieres te paso mi gadget para que lo veas, muchas gracias como siempre.Saludos!

Soft-Net

Anónimo

Fede, en http://www.elsoft-net.blogspot.com/ tienes colocado el botón de "lectores" de Feedburner.
Cuando lo pusiste allí, pegaste un código que te dieron en Feedburner y apareció el botón...Ese mismo código es el que tienes que poner ahí, para que el botón salga en el widget de los feeds y luego lo quitas del otro lado.

Lo he mirado online y el código de tu botón es este:
<a href="http://feeds2.feedburner.com/blogspot/cUge"><img style="border: 0pt none ;" alt="" src="http://feeds2.feedburner.com/%7Efc/blogspot/cUge?bg=333399&amp;fg=FFFFFF&amp;anim=1&amp;label=lectores" width="88" height="26"></a>

Fede

Que grande eres Rosa! jaja ahora si!! quedó como tiene que ser, mil gracias! eres lo mas! :D

Yhonny E.

Hola..voy a crear un blog que se llama afirmando mis pasos.y quiero crear una seccion..que haga semejanza a un menu vertical en un widget.ahora.me gustaria tener iconos.para marcar las secciones.por que no me gusta el que sale marcando el enlace..sera algo asi

Secciones

-Teologia
-Apologetica
-Reflexiones

en Este caso el icono debe ser del tamaño del icono que tengo en la sedebar donde dice suscribete a mi feed.como el icono azul.peor ene ste caso.ese icono estara en evz del signo menos de la explicaicon que acabo de dar.gracias por su atencion

Anónimo

Yhonny E Cada vez que vienes tienes un nuevo blog. Lo siento pero no voy a ayudarte, pierdo mi tiempo, para que luego cambies la plantilla o elimines el blog como has hecho ya con varios....

Gamemania

hola Rosa no encuentro el código del botón de Feedburner y debido a eso creo que no me funciona el contador de lectores Gracias Saldos Roger desde Uruguay

Gamemania

Mi sitio esta en construccion si podes date una vuelta gamemaniasoft.blogspot
he usado mucho de tus consejos te agradezco cuando termine mi blogger estaras ahi
Gracias

Gamemania

Gracias Rosa lo solucione espero tu ayuda en la proxima ya que esta vez no pude Saludos Roger"Gamemania"

Anónimo

Gamemania Siento haber llegado tarde...voy contestando emails y comentarios por orden de llegada.
Me alegra que ya esté todo ok :D

odd

muchas gracias por la sencilla explicacion...

Anónimo

odd Gracias a ti ;)

Dorian Hawkmoon

No se como se obtiene ese codigo del boton de feedburner...

Por lo demás, quiero felicitarte por un blog de gran calidad. :)

Anónimo

Dragon Negro Quizá esta entrada te ayude:
http://elescaparatederosa.blogspot.com/2007/09/configurar-el-feed-del-blog-con.html

Dorian Hawkmoon

perdón, lo habia leido pero se me pasó por alto... :$ :o
Gracias Rosa

Unknown

Rosa me ha encantado el widget. Ya lo he puesto en mi sitio, muchas gracias por enseñarnos siempre a mejorar nuestros sitios.
Un abrazo enorme y las gracias desde el corazón.

María José Moya

Querida Rosa, llevo unas semanas intentando dejar más despejada la zona del sidebar de "Mi Estrella de Mar", y como tenía demasiados botones para apuntarse al blog y la mitad no los entendía ni conocía ni yo, he procedido a quitar algunos, y remodelar otros.

Como tengo Feedburner, he puesto un icono àra sus Feed, a juego con otros dos iconos para FB y Twitter. Pero no sé si en los enlaced del icono de Feedburner me he liado (a parte de que no hay manera de que me salgan en la misma línea los iconos de Feed, FB y Twitter, debido a los 3 enlaces del icono puesto para Feedburner).

1.-¿Puedo alinear los tres iconos sin perder el formato que le he dado a los 3 enlaces del icono de los Feed?

2.-¿Me puedes echar un ojo a ver si he puesto bien los enlaces de los 3 Feed de FeedBurner?. Me da la impresión de que sólo es correcto el de suscripción para e-mail.

El de RSS=> me lleva a la página con un montón de "agregadores" (cuando lo que quiero es suscripción pura y simple al RSS sólo, no a otros agregadores -en todo caso, esto último como opción complementaria, pero que se viera muy claramente en 1ª opción la suscripcion al RSS.

El de "Comentarios"=> el enlace me lo inventé viendo otros similares, pero aunque funciona y es muy sencillito de utilizar para suscribirse, creo que no es de Feedburner, y por tanto no aparece en el iconito de "número de lectores" .

Bss y grcias,

Anónimo

mariajo Trataré de aclarar tus dudas siguiendo tus mismos puntos :D

1- Podrías si en tu sidebar hubiese bastante espacio, ahora mismo no hay espacio suficiente para que quepan los tres iconos alineados.

2- Los tres son correctos.

Te lleva a la página donde cualquiera que quiera suscribirse a tu RSS usará el agregador de la lista que más le interese o el que acostumbre a usar.

Una cosa es el RSS y otra que sistema o agragador usamos para leerlo.

El de comentarios es así, usando el que Blogger nos da por defecto, en FeedBurner no hay esa posibilidad.

En el botón de lectores, aparecen los que se han suscrito a tu RSS (el general)

María José Moya

Qué rapidez de respuesta, ¡gracias!. Me ha quedado todo claro excepto:

1.-¿el botón de lectores de Feedburner, entonces recoge todos los suscriptores, tanto los que lo hacen por medio de Feedburner como los que se suscriben por medio del RSS ofrecido por defecto por Blogger/Google (iconito de la parte de arriba de la barra de herramientas del Internet Explorer?.

2.-Mis usuarios dudo que muchos sepan cómo utilizar los agregadores (yo, tampoco lo sé). ¿No había una forma más sencilla de apuntarse a los blogs -tengan o no Feedburner-, que se refleje en el botón de lectores, pero que no sea un agregador? (o sea, que sólo dé la opción de apuntarse con Atom o RSS, pero si el rollo de ver tanto agregador... que a los que no nos manejamos con ello, nos marea).

No sé si me he explicado, o me estoy liando como siempre.

Un montón de gracias, Rosa, por tu dedicación para con nosotros.

Anónimo

mariajo

1-FeedBurner recoge TODOS los suscriptores de tu blog, siempre que hayas integrado FeedBurner en Blogger, yo supuse que así lo habías hecho...
Si no es así, para hacerlo solo tienes que ir en tu panel a Configuración y Feed del sitio y una vez allí, pegar tu dirección del feed de feeburner en "Publicar URL redireccionada del feed".

2- Cuando te suscribes a un blog, tienes que usar algún método para leer los feed a los que te has suscrito, no puedes suscribirte a un blog sin más, es imprescindible un servicio de lecturas de feed.

Y tranquila, tu no sabrás, pero quien aparece en el contador de FeedBurner como suscrito a tu blog, está claro que si lo sabe, o al menos ha usado un agregador para la suscripción.

Tienes un poco de lío en eso creo, yo no me suscribo a tu blog para salir en un contador, para eso ya está el "seguidores" por ejemplo, me sucribo para recibir tus entradas cada vez que publiques o em mi correo (suscripcion por mail) o en mi lector de feed (suscripcion RSS)

Gastón Ascóniga

gracias, fue de mucha ayuda y gracias por indicarmelo en un comentario de otro tema porque yo no lo encontre.

Esther

URGENTE!! Tengo una duda grandísima que me está volviendo loca. Yo tengo un blog al que te puedes suscribir por correo electrónico con feedburner, edito bastante mis entradas ya existentes y al añadir la url del feed al navegador salen mis últimas 25 entradas donde se incluyen esas ediciones que no son post nuevos, sino ya existentes y editados. Por lo que al ver esto, hice la suscripción a una sóla etiqueta (actualizaciones) para poder editar sin problema mis post y que la gente reciba sólo los nuevos.
Sé que es algo lioso pero necesito que me digas si mis suscriptores van a recibir sólo lo nuevo o lo nuevo y editado.
Me encanta tu blog, me ha sacado de muchos apuros.
Gracias por todo Rosa.

Anónimo

Mers Solo reciben lo nuevo... algunos lo que hacen es publicar una nueva entrada donde ponen algo como "Nuevos post actualizados" y enlaces a esas entradas en el post...

Esther

Gracias Rosa por resolverme la duda.
He estado modificando el blog entre ayer y hoy cogiendo ideas de tu blog y la verdad es que me ha quedado muy chula. Cuando quieras, sin compromiso alguno, puedes entrar a verlo y si quieres me dejas tu opinión.
Muchos besos y mil gracias por tu gran ayuda, ¡¡eres la mejor!!

Esther

Buenas de nuevo, me sigue pasando lo mismo, no sé que tengo mal. A parte de que a mis suscriptores de feedburner reciben los post nuevos también reciben los post a los que ya estaban publicados y les hago alguna modificación o corrección. He creado ya 3 veces el feed por si lo había hecho mal pero sigue ocurriendo lo mismo. En mi blog hago bastantes modificaciones y necesito que esto no ocurra. Rosa ¿Qué puede estar pasando?
Gracias.

Anónimo

Mers No tengo idea, la verdad... como no sea un error de FeedBurner :S ... eso no debería de pasar...

Anónimo

Justo lo que buscaba! :)

Francisco

Rosa me costo pero le encontré la vuelta!!!! Me encantó, buenísimo!!

Muchas gracias

Nico Dipaolo

Rosa
Hace tiempo que use esto y me ha funcionado bien, pero tengo una duda, cambie a un blog con otro fondo pero quiero que el widget siga siendo de fondo blanco, ¿como eligio el color de fondo del cuadro?

Rosa

Nico DPrueba añadiendo en la primera línea un background:

table border="1" style="text-align: left; width: 250px; height: 100px; background: #fff;" cellpadding="2" cellspacing="2"

Unknown

Hola Rosa, quiero cambiar mis Iconos de los Feeds y ponerlos todos juntos como en el ejemplo que das. El problema es que quisiera que el icono fuera diferente y aunque he descargado unos de Internet, no sé como hacer para saber qué URL tienen para ponerla en el código. Los tengo en mi ordenador y no esta´n disponibles en la web si no es en descarga directa (Recursos grafikos). ¿Puedes aclararme este punto?.
Te lo agradezco de antemano y lo siento si es una obviedad pero pertenezco al pelotón de los torpes.
Un saludo.

Anónimo

Narcís MacauUna vez en tu Pc, tienes que subirlas a un alojamiento de imágenes y es allí donde obtienes su url... lo mejor será que utilices Blogger para eso:
http://elescaparatederosa.blogspot.com/2009/02/alojar-imagenes-en-blogger.html

Patricia - La Siesta de Cristóbal

Rosa,
He seguido tus instrucciones y he creado la cuenta feedburner, que te piden los mismos datos que para la de google, luego entiendo estan integradas, todo ok, pero tengo una duda. ¿Debo entonces quitar google friend connect?
Ya ves, yo como siempre dudas y más dudas. Entenderé que me mandes a freir esparragos....
Un abrazo

Anónimo

Patricia Ovies Creo que tu misma te haces preguntas innecesarias... no tiene nada que ver el feed con el google friend connect...
Creo que te estás apurando demasiado a querer dejar el blog como quieres y que lo estás haciendo sin entender lo que haces, y eso será un problema a la larga... por ejemplo...¿sabes que es el feed o RSS? :0

http://elescaparatederosa.blogspot.com/2009/11/todo-lo-que-necesitas-saber-sobre-rss.html

http://elescaparatederosa.blogspot.com/2007/09/configurar-el-feed-del-blog-con.html

Patricia - La Siesta de Cristóbal

Gracias Rosa,
Tienes toda la razón. Creo que voy entendiendo lo que es cada cosa, ya sé que los apuros no son buenos y el agobio menos, pero....tengo tan poco tiempo para que todo funcione que es terrible. Voy a leer estos artículos y te contaré.
Por otro lado he conseguido modificar el y tamaño y vista de este widget, si quieres lo incluyo aquí por si hay algun ignorantillo de los míos, ya me dirás.
Después de leerlo intentaré modificar el espacio que ocupa GFriends, porque queda de pena, la verdad.
Y por último, he seguido incluyendo el sobrecito de email en cada entrada, ¿Te parece?....
Un besito

Publicar un comentario

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