{"id":656,"date":"2024-01-16T13:11:00","date_gmt":"2024-01-16T16:11:00","guid":{"rendered":"http:\/\/aleare.com.ar\/web\/insertar-un-feed-rss-en-un-html\/"},"modified":"2025-08-20T23:23:05","modified_gmt":"2025-08-21T02:23:05","slug":"insertar-un-feed-rss-en-un-html","status":"publish","type":"post","link":"https:\/\/aleare.com.ar\/blog\/insertar-un-feed-rss-en-un-html\/","title":{"rendered":"C\u00f3mo Insertar un feed RSS en una web HTML"},"content":{"rendered":"
<\/div>

[Actualizaci\u00f3n enero 2024]<\/strong>\u00a0Me dispon\u00eda a publicar las dos \u00faltimas entradas de este querido blog en mi nueva web en HTML y… \u00a1qu\u00e9 problema! \u00bfC\u00f3mo se inserta un feed RSS en un HTML?<\/p>\n

Todo empez\u00f3 cuando, en un ratito libre, me puse a trabajar con el nuevo dise\u00f1o de mi sitio oficial. Encontr\u00e9 el dise\u00f1o que me gustaba, lo prob\u00e9, lo implement\u00e9. Se ve divino, como la autora \ud83d\ude09<\/p>\n

Hasta ah\u00ed todo bien. Y entonces surgi\u00f3 la pregunta del mill\u00f3n: \u00bfc\u00f3mo insertar las \u00faltimas entradas de mi blog en forma autom\u00e1tica en un sitio hecho puramente en HTML5, CSS y Bootstrap? Porque el m\u00e9todo manual es tedioso y s\u00ed, hay que meter mano en el c\u00f3digo a cada rato. Y en la era de la automatizaci\u00f3n y las IA’s, esto ya no es admisible.<\/p>\n

As\u00ed que busqu\u00e9 una soluci\u00f3n. Y la encontr\u00e9.<\/p>

\"Abre<\/a><\/div><\/div>\n

.<\/span><\/p>\n

RSS Feed para todos<\/h3>\n

Aprovechando un breve per\u00edodo de vacaciones forzadas (reposo post operatorio) estuve revisando este post particularmente y viendo que qued\u00f3 muy pero muuuuuy obsoleto (s\u00ed, la fecha original era abril del 2008<\/em>… no me juzguen \ud83d\ude02), aqu\u00ed les dejo las dos soluciones.<\/p>\n

 <\/p>\n

\u2705 Soluci\u00f3n 1: sin c\u00f3digo<\/strong><\/h4>\n

El m\u00e9todo m\u00e1s f\u00e1cil, que no requiere c\u00f3digo, es insertar a trav\u00e9s de un widget de Elfsight<\/strong><\/a> . Espec\u00edficamente \u00e9ste cuyo ejemplo ver\u00e1n al pie, que es para insertar un RSS Feed.<\/p>\n

\"C\u00f3mo<\/p>\n

Lo bueno es que es totalmente personalizable: qu\u00e9 posts del feed RSS quer\u00e9s mostrar, colores, formato, tama\u00f1o de letra, etc. Todo a trav\u00e9s de un panel.<\/p>\n

Lo no tan bueno es que la versi\u00f3n gratuita te permite hasta 200 vistas gratuitas y con el logo de Elfsight. Si te pas\u00e1s de ese l\u00edmite, ya no te muestra nada. Despu\u00e9s est\u00e1n los planes de pago, cuyo l\u00edmite de vistas es m\u00e1s amplio, sin publicidad y con soporte t\u00e9cnico inclu\u00eddo.<\/p>\n

 <\/p>\n

\u2705 Soluci\u00f3n 2: usando c\u00f3digo<\/strong><\/h4>\n

Estuve probando esto para implementar en mi web y funciona maravillosamente. Es un borrador, falta un mont\u00f3n de trabajo en el c\u00f3digo JScript, el CSS e implementar en el HTML, pero creo que se entiende bastante bien.<\/p>\n

Les dejo el ejemplo en mi Codepen<\/a> para que lo miren y si les gusta, copipasteen:<\/p>\n

See the Pen
\nInsert Blog Feed in HTML page<\/a> by aleare-design (@aleare-design<\/a>)
\non CodePen<\/a>.<\/p>\n