Kode JSON Feed API di Blogger

Blogger.com sebenarnya memiliki banyak fungsi untuk menampilkan fitur tertentu. Mungkin kadang-kadang kita perlu widget namun widget tidak tersedia. Blogger sudah menyediakan API untuk mengatasi hal ini, sehingga kita bisa membuat widget sendiri dengan membaca feed blog menggunakan JSON dan JavaScript.

Kode JSON feed API Blogger:

Code:

Object  - (Description)

json.feed.id.$t (Show blog ID)
json.feed.updated.$t   (Last update of a blog)
json.feed.category[]  (Categories / label array of a blog)
json.feed.category[i].term   (Show the i-th category Blogger)
json.feed.title.$t   (Show blog name )
json.feed.subtitle.$t  (Show description of a blog )
json.feed.author[]  (Array of blog authors )
json.feed.author[i].name.$t  (Show the i-th blog author name )
json.feed.author[i].uri.$t  (Show the i-th profile author uri )
json.feed.openSearch$totalResults.$t  (Show total posts )
json.feed.entry[]  (Posts array of a blog)
json.feed.entry[i].id.$t  (Show the i-th post ID )
json.feed.entry[i].title.$t  (Show the i-th post title )
json.feed.entry[i].published.$t  (Show time published of the i-th post )
json.feed.entry[i].updated.$t  (Show when the i-th post is updated )
json.feed.entry[i].category[]  (Show array of post categories)
json.feed.entry[i].category[x].term  (Show the x-th category of the i-th post )
json.feed.entry[i].summary.$t  (Show post summary )
json.feed.entry[i].content.$t  (Show post content )
json.feed.entry[i].link[]  (Links array of a post
json.feed.entry[i].link[x].href  (Show the x-th link of the i-th post )
json.feed.entry[i].author[]  (Array of post authors)
json.feed.entry[i].author[x].name.$t  (Name of the x-th author on the i-th post)
json.feed.entry[i].author[x].uri.$t  (Show uri author profile)
json.feed.entry[i].author[x].gd$image.src  (Image uri of the x-th author profile on the i-th post)
json.feed.entry[i].media$thumbnail.url  (Show image on the i-th post)
json.feed.entry[i].thr$total.$t  (Show total threaded comments)

Berikut ini adalah contoh sederhana dari kode di atas:

Misalkan saya perlu 5 posting terbaru berdasarkan label tertentu misalkan "Blogger" dan hanya mengambil judul dan ringkasan pos.

Code:

<script type="text/javascript">
  function mycallback(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="wrapper"><h3><a href=' + postUrl + '>' + postTitle + '</h3></a><p>' + postSummary + '</p></div>';
  document.write(item);
  }
  }
</script>
<script src="http://nama.blogspot.com/feeds/posts/summary/-/Blogger?max-results=5&alt=json-in-script&callback=mycallback"></script>

Dengan demikian fungsi kode Json akan bekerja jika digabungkan dengan Javascript.

Mungkin ada yang ingin mempelajari blogger.com lebih mendalam, blogger json feed api ini bisa berguna. Silahkan puyeng

Sumber: http://www.danpros.com/2013/08/blogger-json-feed-api

 

Wuih pembahasannya udah advanced ane ga paham

 

Btw ... Json itu apa ya kang ????

 

JSON (dibaca Jason) JavaScript Object Notation (notasi objek JavaScript) format ringkas pertukaran data komputer.

 

he...he...

Ane suka bingung Den kalau udah urusan Script maupun Kode...

Maklum, masih NewBie...

 

Json itu musuhnya Freddy, khan dulu pernah ada film nya "Freddy VS Json"

 

Masa ?????....


Bodo !!! Hahahahhaha

 

wahwahwahhh balik lagi buat ngutak-ngatik isi dalem si istri lagi nih

 

Ada Ki Joko Bodo tuh tetangga Ane, ekekekkekeke

 

Wow, TOP BGT, jawaban yg snagat singat, padat dan jelas kang

 

masalah kode 100% saya tidak paham sedikitpun. pusing rasanya mempelajarinya

 

@KangAndre , ada keterangan 'Unexpected token' pada javascript saat saya coba di codepen[.]io.

 

kemungkinan bisa terjadi saat menyalin kode dari dokumen lain (seperti PDF) ke dalam konsol karena karakter bisa berubah (mis tanda kutip standar dengan kutipan keriting)

 

Saya nyalin kode js-nya dari yg @KangAndre cantumin dan ga ngerubah apa pun terus muncul keterangan seperti itu. BTW, kode js yg @KangAndre cantumin jadi bisa inspirasi.

 

Js memang sedikit peka, terkadang kelebihan spasi atau enter saja sudah salah. Juga berkaitan dengan program bahasa lain (html,php, dll) yang bisa bikin error jika "string" nggak tepat.

 

emang nih pusing om bacanya

 

Kalau sumbernya dari Big Bos jelas ini sangat penting dan sangat berguna sekali.... nanti nyobak lah kang kalau udah enak tempatnya heheheh

 

Baru tahu nich.
Ane bisa nulis aja Den.

 

kalo lihat script model gitu mah harus ngeja baca nya bukan lagi per kata tapi harus di awasin huruf per huruf sama tanda baca nya

 

Bahasannya terlalau tinggi belum bisa dimengerti, puyeng masih perlu banyak belajar mendalam lagi