Añadir RSS a una página HTML5
Creamos el código XML:
<?xml version="1.0" encoding="ISO-8859-1" ?> <rss version="2.0">
<channel>
<title>Jesus DAW1 Alixar</title>
<link>https://jesusdawalixar.blogspot.com/</link>
<description>Este es el feed de las entradas de mi blog.</description>
<item>
<title>Feedreader</title>
<link>https://jesusdawalixar.blogspot.com/2019/02/feedreader.html</link>
<description>¿Cómo instalar Feedreader y usarlo?</description>
</item>
<item>
<title>¿Que es RSS?</title>
<link>https://jesusdawalixar.blogspot.com/2019/02/que-son-las-rrss.html</link>
<description>Información sobre esta tecnología.</description>
</item>
</channel>
</rss>
<?xml version="1.0" encoding="ISO-8859-1" ?> <rss version="2.0">
<channel>
<title>Jesus DAW1 Alixar</title>
<link>https://jesusdawalixar.blogspot.com/</link>
<description>Este es el feed de las entradas de mi blog.</description>
<item>
<title>Feedreader</title>
<link>https://jesusdawalixar.blogspot.com/2019/02/feedreader.html</link>
<description>¿Cómo instalar Feedreader y usarlo?</description>
</item>
<item>
<title>¿Que es RSS?</title>
<link>https://jesusdawalixar.blogspot.com/2019/02/que-son-las-rrss.html</link>
<description>Información sobre esta tecnología.</description>
</item>
</channel>
</rss>
Guardo el código en la misma carpeta de la web como archivo .xml. Tambien podemos guardarlo en otra pero lo hago en ésta por sencillez.
Lo añadimos al HTML de nuestra página enlazándolo a una imagen, preferentemente y por su naturaleza el logo de RSS, para que sea más reconocible:
<div class="col-12 col-md-2 offset-md-10" >
<a href="jesusdawalixar.xml" title="RSS" target="_top">
<img src="https://www.vozidea.com/wp-content/uploads/2017/11/rss-guard-icono.png" width="100%">
</a>
</div>
El resultado es éste:
Comentarios
Publicar un comentario