18 enero 2009

Personalizando widget del Feed

H
ace días Menar me preguntaba como colocar un widget de opciones para las suscripciones a nuestro Feed en el sidebar. Es muy sencillo de colocarlo, es solo un simple código HTML.
He visto en algunos blogs una explicación de uno parecido al que expondré, pero la diferencia es que lo colocan entre tablas (HTML) y observe muchos problemas de adaptación a la hora de visualizarse en los navegadores.


Ahora veamos los pasos a seguir:

Lo primero es irnos al a Diseño – Elementos de la página – Añadir un gadget – HTML/Javascript.

Luego pegamos lo siguiente:


<p><a target="_blank" href="URL_DEL_FEED"><span style="text-decoration: underline;"><img alt="Feeds" style="float: left; width: 100px; height: 100px; float: left;" src="IMAGEN_DEL_FEED" title="¡Suscribete a mi Feed!"/></span></a></p>

<p><img src="URL_DE_ESTRELLAS_DE_16x16"/><a href="URL_DEL_FEED" title="Suscribe entradas">Feed Entradas</a></p>

<p><img src="URL_DE_ESTRELLAS_DE_16x16"/><a href="URL_DE_LA_SUSCRIPCIÓN_POR_CORREO" title="Recibe mis entradas en tu email">Feed
vía E-mail</a></p>

<p><img src="URL_DE_ESTRELLAS_DE_16x16"/><a href="http://URL_DEL_NOMBRE_BLOG.blogspot.com/feeds/comments/default" title="Suscribete a mis comentarios">Feed comentarios</a> </p>

<p><a href="http://feeds.feedburner.com/VistosBuenos"><img src="http://feeds.feedburner.com/~fc/vistosbuenos?bg=000000&fg=ffffff&anim=1&label=lectores" height="26" width="88" border="0" alt="Feed" /></a></p>

Las modificaciones:

URL_DEL_FEED: Este es la dirección que te proporciona cualquier gestión de fuentes web(RSS). Ej: http://feeds.feedburner.com/VistosBuenos

IMAGEN_DEL_FEED: Imagen de su preferencia.

URL_DE_ESTRELLAS_DE_16x16: Es una imagen para destacar y tiene que ser 16x16 pixeles. Ej: http://krjkrw.bay.livefilestore.com/y1pvL642zZqxmRGOSeI1wyZVuX7JiPNAHDCx6w-xjqHG1lnbSXBa6wxANDlFfE1ULEvOk08f0lYYGM/star_16x16.png

URL_DE_LA_SUSCRIPCIÓN_POR_CORREO: La dirección que te proporciona el gestionador para la suscripciones por e-mail. ej: http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1204713 "Este feedId lo da FeedBurner si lo encuentras solo sustituye el número por el tuyo".

URL_DEL_NOMBRE_BLOG: La url del blog.

El último código que vez es el botón de FeedBurner. Puedes cambiar solo lo que esta en negrita

Y listo. Ahora dejo un link de informaciones sobre los que estén en FeedBurner:

Configurar el feed del blog con FeedBurner

Suscribirse al blog mediante email con Feedburner

Y otro modelo de este widget aquí

10 comentarios:

  1. Muchias gracias"
    Lo has explicado muy bien, me da error al entrar en feedburner y subir el nombre del blog, pero creo que es porque el blog no es público, supongo que cuando lo abra funcionará bien.
    Será lo primero que pruebe cuando lo tenga terminado. Un saludo :) y genial esta entrada! Muchisimas gracias por hacerlo tan rapido cy completo.

    ResponderEliminar
  2. hola Antony, muy bien explicado, aunque todavía no lo he puesto en mi blog, lo haré cuando encuentre un tiempito...suerte en los exámenes y mis beijos!!!

    ResponderEliminar
  3. Hola Menar! De nada... Cualquier duda me avisas...

    Hola Graciela! Que te salga bien... Saludos!

    ResponderEliminar
  4. tesoro pasa por http://gracielaroth.blogspot.com/2009/01/dos-premios-mimos.html, tienes un MIMO!!!...beijos!!!

    ResponderEliminar
  5. Hola Graciela! Gracias... Gracias... Beijos....!!!

    ResponderEliminar
  6. Hola. me gusta como se ve, estaba buscando como agregar eso de las suscripciones por correo, pero no se como encontrar la direccion de mi feed para eso, me ayudas? gracias !!!

    ResponderEliminar
  7. Hola Elitazesf! Solo tienes que entrar aquí: http://elescaparatederosa.blogspot.com/2007/10/suscribirse-al-blog-mediante-email-con.html y sigue los pasos que dice Rosa. Después ah vas obtener un código HTML y entre ese código buscas el feedId y sustituye y listo... Cualquier cosa me avisas...

    Saludos!

    ResponderEliminar
  8. Pronto lo completare como tu explicas ^^
    Pero soy un poco lenta XD

    ResponderEliminar
  9. Hola Elitazesf! Vale! Que te salga bien... Suerte.

    ResponderEliminar
  10. This post is good in regards of both knowledge as well as information. Thanks for the post.

    ResponderEliminar

¡Gracias por comentarme! No modero los comentarios porque me parece tentar contra la libertad de expresión de cada individuo, por eso le pido que no hacer comentarios con palabras obscenas, si vas a comentar como Anónimo por favor coloca tu nombre o cualquier apodo. ¡Gracias!