JMiur [E]

FeedEkes un plugin para jQuery que nos facilita la tarea a la hora de mostrar contenido de sitios externos a través de sus feeds; tanto de nuestro sitio como de cualquier otro..

En la página de los desarrolladores podemos descargar el archivo RAR que contiene un ejemplo completo y del que sólo necesitamos el archivo FeedEk.js que alojamos en un servidor, incluimos en la plantilla o agregamos a un elemento HTML:
<script type="text/javascript" src="URL_FeedEk.js"></script>
Luego, donde quisiéramos que se mostrase el contenido, pondríamos un DIV vacío de este modo:
<div id="divRss"></div>
Lo único que nos faltaría es ejecutar la función:
<script type="text/javascript">
$(document).ready(function(){
   $('#divRss').FeedEk({
   FeedUrl : 'URL_FEED',
   MaxCount : 3,
   ShowDesc : true,
   ShowPubDate: true
  });
});
</script>
donde tenemos una serie de opciones a elegir:
MaxCount es la cantidad de entradas a mostrar (por defecto 5)
ShowDesc permite mostrar u ocultar el contenido (por defecto true)
ShowPubDate permite mostrar u ocultar la fecha de publicación (por defecto true)

El único dato obligatorio s la URL del feed a mostrar que colocaremos en FeedUrl y que puede ser casi cualquiera; sólo es cosa de probar y ver:

http://miblog.blogspot.com/feeds/posts/default
http://miblog.com/feeds/posts/default
http://feeds2.feedburner.com/miblog
http://miblog.com/feed.php

Obviamente, el estilo con que se mostrarán puede ser personalizado. Para comenzar, pueden usarse algunas de las reglas que se inlcuyen en el archivo FeedEk.css que son bastante sencillas:

#divRss {} es el contenedor general, el DIV donde se mostrará el feed
#divRss .ItemTitle {} es un DIV con el título de cada entrada
#divRss .ItemTitle a {} es el enlace con el título de cada entrada
#divRss .ItemDate {} es un DIV con la fecha
#divRss .ItemContent {} es un DIV con el contenido

Detalles extras que dependerán del contenido pueden ser configuradas por separado:

#divRss .ItemContent p {}
#divRss .ItemContent img {}

25 comentarios:

Beben Koben  

i have look it master.
good technique feed :)
sorry if spam, simple feed master ;)
http://undercover-blogger.blogspot.com/p/look-feed-atom-rss-autodiscovery.html

Responder
Rosendo Ramírez  

Se ve super... podria ser ocupado como Publicaciones recientes no?

Responder
Ariane  

Olá JMiur! Eu adorei esta dica e estou tentando usar em um dos meus blogs de jogos para colocar nele o feed dos jogos da MochiGames, mas não consigo. Nesta página eles disponibilizam JSON e XML mas eu não sei como utilizar. Se coloco os links como eles apresentam, o Blogger não aceita. Poderia me ajudar em mais essa?

abraços!

JMiur  

Hay un demo online de los desarrolladores: ACÁ donde puedes probar distintos feeds y las opciones del mismo plugin.

Me fijé con estos dos y no vi problema alguno:
http://www.armazemdejogos.com/feeds/posts/default
http://www.susygames.com.br/feeds/posts/default

¿Cuál no funciona? Si están en Blogger deberían funcionar todos incluso si colocas la URL de Feedburner.

Responder
Admin  

Hola JM, tengo un problema importante y no logro encontrar ni solución ni saber porqué me pasa esto, las tres últimas entradas que escribí hoy en http://www.sonando-porbailar.com.ar/ no tienen url propia, no se puede expandir al poner seguir leyendo o more o mas información o lo que sea, la cuestión es no se ve de ninguna forma la entrada completa, no se si me explico :S solo el resumen, y me pasa con las entradas de hoy, las anteriores no tienen problema.

A la mañana a mi hijo le pasó lo mismo en uno de sus blogs pero se le arregló solo al rato, yo llevo horas así y ya no se que hacerrrr...
SOS por favor!

JMiur  

No es que no tengan URL sino que el título no apunta a la página individual aunque si lo hace el enlace Más Información y todo se ve normal cuando se abre la página, es decir, el título tiene la URL correcta.

Si no has hecho cambios, no sabría decirte a qué se puede deber eso o si es un problema de Blogger.

Admin  

Como cuando se abre la página? Yo no puedo entrar a Más Información, no veo el título del post y la gente no puede entrar a comentar ni con el último cambio que hice recién...

Antes no había hecho ningún cambio, ayer escribí las entradas normalmente y hoy me pasa esto... no entiendo nada... solo a mi me pasa...

Admin  

Mirá estoy casi ciega de luchar con códigos pero logré solucionarlo, veré si puedo contarlo por si a alguien mas le pasa...

Después de borrar mil veces las entradas y volver a publicarlas con el mismo nulo resultado, se me ocurrió copiar el html de la entrada y pegarlo pero en el nuevo editor (que odio y jamás uso)y ahí si pude publicarla, no sin antes corregir montones de código que me agregaba a mi html del viejo editor, así que para acá y para allá con los códigos finalmente quedó bastante pasable.

En una de esas pasadas toqué un botón del nuevo editor que dice "actualizar" y me dijo que no podía enviar una url vacía, así que algo de eso había, no le ponía url a las entradas, por lo que no podía twitearlas ni salían en Facebook, no tenían url o estaba vacía antes de hacer todo ese "trabajito".

Será que Blogger quiere obligarme a usar el nuevo editor? Me vuelvo loca si es así, bueh veremos mañana cuando vuelva a postear si puedo hacerlo con el viejo, tal vez fuera un error pasajero no? Decime que si por favor!!! :-O

Abrazo ;-)

JMiur  

¿Cómo hice? Simplemente hice click en Mas información y se abrio la página con la entrada de modo normal.

Lo único que no tenía una URL era el título del home, el resto, se veia normal y se accedía de modo normal.

Admin  

Pues a mi no me abría nada al hacer click en Mas información, no podía acceder de ninguna forma, ni por ahí, ni por el título ni en comentarios... nada de nada :S Veremos mañana pero creo que el editor me la quiere hacer dificil...

Responder
Admin  

Sigo probando cosas... eliminé una de las entradas nuevas y volví a escribirla, resultado nada... no hay forma de entrar a esas tres entradas.
Opté por sacarles el more de adentro para que al menos las puedan leer, pero no pueden comentar, cualquier enlace que pinches te lleva a la home...
No he visto este problema en ninguno de los blogs de Blogger que conozco, así sean .com o .com.ar o blogspot, solo a mi me pasa esto... Voy a enloquecerrrr!!!

JMiur  

El error del que hablas ha sido reportado por otros usuarios de Blogger así que no deberías hacer otra cosa que esperar que ellos lo resuelvan.

Admin  

Nunca entro en los foros de Blogger, pero por lo que veo en el link son unos pocos blogs los que tienen o mejor dicho tenemos este problema y por lo que veo también se da solo en el viejo editor.

De acuerdo a los datos que ellos piden que los bloggers pongan también veo que son muy pocos los que lo han reportado como yo (que tampoco lo hice), ya que no se ni escribir en esos foros, tal vez sean muchos mas...

Lo que me hace pensar que si el error se da solo en el viejo editor y muy pocos bloggers lo reportan, y conociendo a Blogger supongo que no lo van a arreglar, ellos quieren que usemos el nuevo y no nos dan otra opción como siempre...

Por lo que verás sigo con el mismo problema y mi hijo en sus blogs también, por lo que hemos optado por usar el maldito editor nuevo! Lo lograron si es que eso se proponían :S

Admin  

Hola JM, sabés que sigo con el mismo problema? Estoy publicando con el nuevo editor para salir del paso, (odio el nuevo editor) pero recién volví a mirar el foro de Blogger y los usuarios al día de hoy siguen también con el problema y Blogger no da solución.
Me cuesta bastante leer esos foros en inglés a pesar de usar traductor es complicadito, pero si es un hecho que el problema sigue y Blogger no hace nada, es mas veo que reportan mas problemas y esta gente no sabe resolver nada :(
Hasta cuando tendremos que esperar? Te lo pregunto a vos porque no se escribir en el foro y menos en inglés, aparte veo que no hacen nada grr
Abrazo :-;

JMiur  

Pués nada puedo agregar spbre el tema. Obviamente, es un error interno de ellos.

Responder
Ronymaru  

Solamente pasaba a dejarte mis saludos.

JMiur  

Saludos, Ronymaru :D

Responder
Admin  

Muy buen tutorial :D pero me pregunto si se puede poner que muestre los post suvidos en una etiqueta (label/etiqueta) pues q no muestre todo lo del blog no mas la etiqueta que yo elija o algun otro script q lo aga gracias :D

JMiur  

Simplemente, colocando el feed de la etiqueta:

http://miblog.blogspot.com/feeds/posts/summary/-/NOMBRE_ETIQUETA

Responder
Gustavo Lopez  

Te hago una consulta, yo tengo un sitio el cual publica a través de unos feeds con esto puedo mostrar la fuente original del sitio al final de cada post en wordpress?

JMiur  

No entiendo a qué te refieres.

Responder
Gustavo Lopez  

Perdón por el tiempo recién acabo de descubrir que se tengo registros de mis comentarios, lo que quiero hacer es mis "post" en wordpress se realizan a través de un feed externo a mi, lo que quiero hacer es que al final de cada publicación se vea la fuente original de donde se realiza el post. Existe algo que devuelva la dirección original ?

JMiur  

Tendrás que buscar ese dato en el feed y leerlo. Sigo sin entender a qué te refieres ni sé cuál es la metodología que usas o un ejemplo de lo que haces.

Gustavo Lopez  

Hola de nuevo, gracias por responder, lo que hago es que entre varios medios que publican en mi localidad los dejo en un solo sitio, www.noticiaspunilla.com.ar a través de wordpress usando plugins para publicar a través de un feed externo. El tema es que al final de cada publicación deseo agregar la fuente original de donde redondeando se original es post. Estuve probando Wpematic pero tiene algunas fallas, la duda era como ver ese valor. No se si se entiende.

JMiur  

¿Acaso en ese ejemplo, la fuente no es el enlace Read more? No puedo responderte más porque no sé cuál es la metodología que estás utilizando para leer los feeds.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR