LATEST >>

Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot Tips » Fetch Data From Blogger Feed Using Pure JavaScript

Fetch Data From Blogger Feed Using Pure JavaScript

Fetch-Data-From-Blogger-Feed-Using-Pure-JavaScript
Like every blog, Google Blog’s have there own Feed that can be called by many ways for your work. You can get the data from blogger feed means blogs and can use it anywhere. It is built for the purpose of Fetching Data From Blogger Feed. You can use many languages to Fetch Data From Blogger Feed but here we are sharing a simple way in simple language to work online.

You can use pure JavaScript to Fetch Data From Blogger Feed and can use it anywhere on your blog. You can get latest posts, comments, dates, categories etc after Fetching Data From Blogger Feed. Every feed have its own design so Google Blogger have the following design for its feed. The following is JSON path for Blogger data:

ObjectDescriptionExample
json.feed.id.$tShow blog IDtag:blogger.com,1999:blog-12345
json.feed.updated.$tLast update of a blog2016-01-31T18:21:57.051+07:00
json.feed.category[]Categories / label array of a blog
json.feed.category[i].termShow the i-th categoryBlogger
json.feed.title.$tShow blog nameGoogle Blog
json.feed.subtitle.$tShow description of a blogInsights from Googlers into our products, technology, and the Google culture
json.feed.author[]Array of blog authorsGoogle Blogs, Google Blogs
json.feed.author[i].name.$tShow the i-th blog author nameGoogle Blogs
json.feed.author[i].uri.$tShow the i-th profile author urihttps://profiles.google.com/123456789
json.feed.openSearch$totalResults.$tShow total posts777
json.feed.entry[]Posts array of a blog
json.feed.entry[i].id.$tShow the i-th post IDtag:blogger.com,1999:blog-8508.post-12345678
json.feed.entry[i].title.$tShow the i-th post titleBlogger JSON Feed API
json.feed.entry[i].published.$tShow time published of the i-th post2013-07-07T12:56:00.000+07:00
json.feed.entry[i].updated.$tShow when the i-th post is updated2013-07-07T12:56:47.089+07:00
json.feed.entry[i].category[]Show array of post categories
json.feed.entry[i].category[x].termShow the x-th category of the i-th postBlogger API
json.feed.entry[i].summary.$tShow post summaryMaybe sometimes we need a widget …
json.feed.entry[i].content.$tShow post contentMaybe sometimes we need a widget for certain features, but the widgets are not available …
json.feed.entry[i].link[]Links array of a post
json.feed.entry[i].link[x].hrefShow the x-th link of the i-th posthttp://www.bloggerever.com/2013/blogger.html
json.feed.entry[i].author[]Array of post authors
json.feed.entry[i].author[x].name.$tName of the x-th author on the i-th postDanang Probo Sayekti
json.feed.entry[i].author[x].uri.$tShow uri author profilehttps://plus.google.com/+Google
json.feed.entry[i].author[x].gd$image.srcImage uri of the x-th author profile on the i-th post//lh4.googleusercontent.com/photo.jpg
json.feed.entry[i].media$thumbnail.urlShow image on the i-th posthttp://3.bp.blogspot.com/logo.jpg
json.feed.entry[i].thr$total.$tShow total threaded comments7

Now to Fetch Data From Blogger Feed, you can use pure JavaScript. Like check out the following code will extract out your recent post. It will fetuch all post titles and their links so you can get a dimple sitemap.

<script type="text/javascript">
  function recentPost(json) {
    for (var i = 0; i < json.feed.entry.length; i++) {
      for (var j = 0; j < json.feed.entry[i].link.length; j++) {
        if (json.feed.entry[i].link[j].rel == 'alternate') {
          var postUrl = json.feed.entry[i].link[j].href;
          break;
        }
      }
      var postTitle = json.feed.entry[i].title.$t;
      var postSummary = json.feed.entry[i].summary.$t;
     var item = '<div class="item"><h3><a href=' + postUrl + '>' + postTitle + '</h3></a><p>' + postSummary + '</p></div>';
      document.write(item);
    }
  }
</script>
<script src="https://googleblog.blogspot.com/feeds/posts/summary/-/ads?max-results=5&alt=json-in-script&callback=recentPost"></script>

So you can update the upper code from the upper list of Google blogger Feed hints and can get many more other data in JavaScript easily. So use JavaScript to Fetch Data From Blogger Feed.

Last Words:

That’s all we have. If you have any problem with this code in your template then feel free to contact us with full explanation of your problem. We will reply you as time allow to us. Don’t forget to share this with your friends so they can also take benefit from it and leave your precious feedback in our comment form below. Happy blogging, See you in next article…

You Like It, Please Share This Recipe With Your Friends Using...

8 Responses to “Fetch Data From Blogger Feed Using Pure JavaScript”

  1. Scott says:

    Hi,
    What a nice and useful blog for all the bloggers and the JS developer. Really you have posted a very useful script. Thanks for sharing…

  2. Gaurav says:

    nice post dear and it is very useful for all bloggers thanks for the sharing.

  3. I’ve read the book and really enjoyed Google it.

  4. These article is given detail about Fetch Data From Blogger Feed Using Pure JavaScript.Thanks for share it with us.

Leave a Reply

Your email address will not be published. Required fields are marked *