JSON Feed Dasar Untuk Blog

JSON Feed ini biasa di gunakan untuk memanggil data posting yang terdapat pada blog. Pemanggilan data posting ini sering di gunakan berdasarkan Label yang terdapat pada blog Sobat.

JSON Feed ini juga merupakan dasar untuk membangun pemanggilan data Posting Terbaru atau istilah kerennya Recent Post. Tak hanya untuk membuat Recent Post JSON Feed juga bisa di gunakan untuk membuat Widged Sitemap atau daftar isi blog
mari kita lihat Syntak dasar JSON Feed yang sering di gunakan dan terdapat di blog

function showrecentposts(json) {
  // start a loop
  // in this loop we get the entry from the feed and parse it
  for (var i = 0; i < numposts; i++) {
    // get entry i from feed
    var entry = json.feed.entry[i];
    // get the posttitle
    var posttitle = entry.title.$t;
    // get the post url
    // check all links for the link with rel = alternate
    var posturl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        posturl = entry.link[k].href;
        break;
      }
    }
    // get the postdate, take only the first 10 characters
    var postdate = entry.published.$t.substring(0,10);
    // get the post author
    var postauthor = entry.author[0].name.$t;
    // get the postcontent
    // if the Blogger-feed is set to FULL, then the content is in the content-field
    // if the Blogger-feed is set to SHORT, then the content is in the summary-field
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    // strip off all html-tags
    var re = /<\S[^>]*>/g; 
    postcontent = postcontent.replace(re, "");
    // reduce postcontent to numchar characters
    if (postcontent.length > numchars) postcontent = postcontent.substring(0,numchars);
    // display the results
    document.write('<br>');
    document.write('Entry #' + i + '<br>');
    document.write('Post title    : ' + posttitle   + '<br>');
    document.write('Post url      : ' + posturl     + '<br>');
    document.write('Post author   : ' + postauthor  + '<br>');
    document.write('Postdate      : ' + postdate    + '<br>');
    document.write('Postcontent   : ' + postcontent + '<br>');
    document.write('<br>');
  }
}
 

Gunakan Kode dibawah ini Untuk Melakukan pemanggilan

<script type='text/javascript'>
     var numposts=5;   // Jumlah posting
     var numchars=500; // Jumlah karakter
</script>
<script src='http://nama-blogmu.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showrecentposts'></script>
 

Selamat mencoba