title: How to get the data from the feed of blogspot?
body: <p>I want to to get the post feed to put on an HTML page...
  To get the posts I'm using the following link:
  'https://www.blogger.com/feeds/bloggerID/posts/default?max-results=N'
  where <code>bloggerID</code> is the blogger id and the <code>N</code> is the number of posts.
  When I put the link on the browser I get:</p>
  <pre><code>&lt;?xml version='1.0' encoding='UTF-8'?&gt;&lt;?xml-stylesheet href=&quot;https://www.blogger.com/styles/atom.css&quot; type=&quot;text/css&quot;?&gt;&lt;feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:gd='http://schemas.google.com/g/2005' xmlns:georss='http://www.georss.org/georss' xmlns:thr='http://purl.org/syndication/thread/1.0' xmlns:blogger='http://schemas.google.com/blogger/2008'&gt;&lt;id&gt;tag:blogger.com,1999:blog-614640065733671379&lt;/id&gt;&lt;updated&gt;2019-12-08T16:30:37.161-08:00&lt;/updated&gt;&lt;title type='text'&gt;Angélica Abadia Paulista Ribeiro&lt;/title&gt;&lt;subtitle type='html'&gt;&lt;/subtitle&gt;&lt;link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default?max-results=3'/&gt;&lt;link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default?max-results=3'/&gt;&lt;link rel='http://schemas.google.com/g/2005#post' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default'/&gt;&lt;link rel='alternate' type='text/html' href='http://angelribeirocomp.blogspot.com/'/&gt;&lt;link rel='hub' href='http://pubsubhubbub.appspot.com/'/&gt;&lt;author&gt;&lt;name&gt;AngelRibeiro&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='18' height='32' src='//4.bp.blogspot.com/-HCajnihNU-o/Uzoge8-ME2I/AAAAAAAABdo/x_XEG0duaZQ/s32/*'/&gt;&lt;/author&gt;&lt;generator version='7.00' uri='https://www.blogger.com'&gt;Blogger&lt;/generator&gt;&lt;openSearch:totalResults&gt;3&lt;/openSearch:totalResults&gt;&lt;openSearch:startIndex&gt;1&lt;/openSearch:startIndex&gt;&lt;openSearch:itemsPerPage&gt;3&lt;/openSearch:itemsPerPage&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-614640065733671379.post-3449800807582452116&lt;/id&gt;&lt;published&gt;2019-11-27T09:43:00.003-08:00&lt;/published&gt;&lt;updated&gt;2019-12-08T16:28:04.059-08:00&lt;/updated&gt;&lt;title type='text'&gt;teste3&lt;/title&gt;&lt;content type='html'&gt;&amp;lt;div style=&quot;background-color: white; font-family: sans-serif; font-size: 14px; line-height: inherit; margin-bottom: 0.5em; margin-top: 0.5em;&quot;&amp;gt;&amp;lt;div class=&quot;separator&quot; style=&quot;clear: both; text-align: center;&quot;&amp;gt;&amp;lt;a href=&quot;https://www.surveycto.com/wp-content/uploads/2018/04/ai-and-dev.jpg&quot; imageanchor=&quot;1&quot; style=&quot;clear: left; float: left; margin-bottom: 1em; margin-right: 1em;&quot;&amp;gt;&amp;lt;img border=&quot;0&quot; data-original-height=&quot;449&quot; data-original-width=&quot;800&quot; height=&quot;179&quot; src=&quot;https://www.surveycto.com/wp-content/uploads/2018/04/ai-and-dev.jpg&quot; width=&quot;320&quot; /&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/div&amp;gt;asdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfaasdfasdfasdfasdfa&amp;lt;/div&amp;gt;&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='https://angelribeirocomp.blogspot.com/feeds/3449800807582452116/comments/default' title='Postar comentários'/&gt;&lt;link rel='replies' type='text/html' href='https://angelribeirocomp.blogspot.com/2019/11/teste3.html#comment-form' title='0 Comentários'/&gt;&lt;link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default/3449800807582452116'/&gt;&lt;link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default/3449800807582452116'/&gt;&lt;link rel='alternate' type='text/html' href='https://angelribeirocomp.blogspot.com/2019/11/teste3.html' title='teste3'/&gt;&lt;author&gt;&lt;name&gt;AngelRibeiro&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='18' height='32' src='//4.bp.blogspot.com/-HCajnihNU-o/Uzoge8-ME2I/AAAAAAAABdo/x_XEG0duaZQ/s32/*'/&gt;&lt;/author&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-614640065733671379.post-4548548846718831705&lt;/id&gt;&lt;published&gt;2019-11-27T09:43:00.001-08:00&lt;/published&gt;&lt;updated&gt;2019-11-27T09:43:38.892-08:00&lt;/updated&gt;&lt;title type='text'&gt;teste 2&lt;/title&gt;&lt;content type='html'&gt;sdfsdfsdf&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='https://angelribeirocomp.blogspot.com/feeds/4548548846718831705/comments/default' title='Postar comentários'/&gt;&lt;link rel='replies' type='text/html' href='https://angelribeirocomp.blogspot.com/2019/11/teste-2.html#comment-form' title='0 Comentários'/&gt;&lt;link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default/4548548846718831705'/&gt;&lt;link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default/4548548846718831705'/&gt;&lt;link rel='alternate' type='text/html' href='https://angelribeirocomp.blogspot.com/2019/11/teste-2.html' title='teste 2'/&gt;&lt;author&gt;&lt;name&gt;AngelRibeiro&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='18' height='32' src='//4.bp.blogspot.com/-HCajnihNU-o/Uzoge8-ME2I/AAAAAAAABdo/x_XEG0duaZQ/s32/*'/&gt;&lt;/author&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;entry&gt;&lt;id&gt;tag:blogger.com,1999:blog-614640065733671379.post-3986601118136760026&lt;/id&gt;&lt;published&gt;2019-11-27T03:07:00.001-08:00&lt;/published&gt;&lt;updated&gt;2019-11-27T03:07:02.420-08:00&lt;/updated&gt;&lt;title type='text'&gt;Teste&lt;/title&gt;&lt;content type='html'&gt;Teste&lt;/content&gt;&lt;link rel='replies' type='application/atom+xml' href='https://angelribeirocomp.blogspot.com/feeds/3986601118136760026/comments/default' title='Postar comentários'/&gt;&lt;link rel='replies' type='text/html' href='https://angelribeirocomp.blogspot.com/2019/11/teste.html#comment-form' title='0 Comentários'/&gt;&lt;link rel='edit' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default/3986601118136760026'/&gt;&lt;link rel='self' type='application/atom+xml' href='https://www.blogger.com/feeds/614640065733671379/posts/default/3986601118136760026'/&gt;&lt;link rel='alternate' type='text/html' href='https://angelribeirocomp.blogspot.com/2019/11/teste.html' title='Teste'/&gt;&lt;author&gt;&lt;name&gt;AngelRibeiro&lt;/name&gt;&lt;email&gt;noreply@blogger.com&lt;/email&gt;&lt;gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='18' height='32' src='//4.bp.blogspot.com/-HCajnihNU-o/Uzoge8-ME2I/AAAAAAAABdo/x_XEG0duaZQ/s32/*'/&gt;&lt;/author&gt;&lt;thr:total&gt;0&lt;/thr:total&gt;&lt;/entry&gt;&lt;/feed&gt;
  </code></pre>
  <p>So how to I get the Titles and the images the content and the links for the posts?
  The code that I'm using is the following:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;p id=&quot;demo&quot;&gt;&lt;/p&gt;
  
  &lt;script&gt;
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
      if (this.readyState == 4 &amp;&amp; this.status == 200) {
          myFunction(this);
      }
  };
  xhttp.open(&quot;GET&quot;, &quot;https://www.blogger.com/feeds/614640065733671379/posts/default?max-results=3&quot;, true);
  xhttp.send();
  
  function myFunction(xml) {
      var xmlDoc = xml.responseXML;
      var x = xmlDoc.getElementsByTagName('author')[0];
      var y = x.childNodes[0];
      document.getElementById(&quot;gd:image&quot;).innerHTML =
      y.nodeValue; 
  }
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>