Blogger JSON Feed API - [Data Sheet]

You have finally reached the stage where you can now easily create BlogSpot widgets and plugins using your blog feed. Blogger gadgets and templates are coded using Blogger JSON Feed API which provides you with enough information to extract any information from a blog's feed in JSON format. We have discussed the most detailed tutorial where you learnt the basics of parsing JSON in JavaScript. If you have followed all this tutorial series, you are ready to build your custom gadget and add it to either Blogger widget directory or add it to your client's sites. Today I will share a Data Sheet of all important JSON objects, arrays and elements that will help you easily locate important data using direct queries.

In programming all objects, elements or arrays have a relationship between each other that is managed in a tree like structure. Where there is a parent/Child or Master/slave or Tree/branch relationship or hierarchy. This is a standard approach to organize data so that it could easily be sorted, re-organized, easily located and updated. You blog feed is similarly written in both XML and JSON format, out of which the JSON is more easily accessible and prompt to browser requests.

Note: Click the Button below to see full list of topics under discussion.

Topics List

Do first read:

How To View Blogger JSON Feeds in Human readable Format?

Link Under study

We will discuss the json data extracted for the following post

http://ift.tt/1RzP2JX

Sample Blogger JSON Link:

http://ift.tt/1NdSeZM

Copy the Code inside it and paste it here:

http://ift.tt/mVvXH2

Switch to "Viewer" mode to see the code in tree-like structure. You can then easily expand each node to find data of your interest.

blogspot json feed api

Below I have listed the Data Sheet for all JSON variables found in Blogger JSON Feed which you can use for direct access to important info related to your blog. You can find anything you want. You can run queries like:

Find the number of total posts published so far
Find the total list of all Labels used in the blog
Find Blog Title and meta Description
Find when was the blog last updated
Find information related to blog admin and authors
Find Post Published date and time
Find labels used inside the post
Access Post Title, Thumbnails used and Content written
Find total count of comments published inside a post
Extract short summary from your post content
Extract YouTube thumbnails from within the post
Find when was the post last edited
Find who wrote the post
Much more...

Note:

Objects are denoted with curly braces i.e. { } and arrays with square brackets i.e. [ ].
"i" refers to index number and "j" refers to sub-index number.

JSON FEED API

OBJECT	DESCRIPTION	DATA
JSON	Tells JSON version and encoding used.	version : "1.0" encoding : "UTF-8"
feed	Primary object for blog feed. All blog information resides here.	refer JSON viewer..
`json.feed.id.$t`	Displays your blog ID and CMS platform	tag:blogger.com,1999:blog-8193278726666811965
`json.feed.updated.$t`	Shows last update of your blog	2016-04-08T14:09:00.629+05:00
`json.feed.category[ ]`	Shows array of all Labels or Categories used in a blog	refer JSON viewer..
`json.feed.category[i].term`	Shows the i^th category	In our case the [0] category index includes the label "SEO"
`json.feed.title.$t`	Show blog title	My Blogger Tricks
`json.feed.subtitle.$t`	Show blog description	Create your free blog today! Start blogging using our widgets, templates and SEO tips.
`json.feed.link[ ]`	Includes info about 5 important links. Your blog URL, feed url in xml and json and an alternative link to your JSON feed URL using your blog Id.	An alternate link to our Blog Feed would be: "http://ift.tt/1MkaBBm;
`json.feed.author[ ]`	Shows array of blog authors or admins. Includes your Google+ profile link, thumbnail link and author name.	refer JSON viewer..
`json.feed.author[i].name.$t`	Show the i^th author's name. Depending on how many blog co-authors you have.	Mohammad Mustafa Ahmedzai
`json.feed.author[i].uri.$t`	Show the i^th author's Google+ profile link	http://ift.tt/1MkazJS
`json.feed.author[i].gd$image.src`	Show the i^th author's profile Thumbnail link	//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s512-c/photo.jpg
`json.feed.generator`	Gives info about Blogger platform version being used.	version : "7.00" uri : "http://ift.tt/1MkazJV; $t : "Blogger"
`json.feed.openSearch$totalResults.$t`	Show total posts count published so far	1463
`json.feed.openSearch$startIndex`	Searching of items start from index number 1.	1
`json.feed.openSearch$itemsPerPage`	Searching can be done for recent 25 items. For searching more than 25 items, we need to pass the attribute max-results inside the JSON feed URL.	25
`json.feed.entry[ ]`	Shows array of all your blog posts. All details related to your posts will be listed inside it	refer JSON viewer..
`json.feed.entry[i].id.$t`	Shows the i^th post ID	tag:blogger.com,1999:blog-8193278726666811965.post-2069161432742150449
`json.feed.entry[i].title.$t`	Shows the i^th post title	WordPress Floating Sharing Bar With Animation
`json.feed.entry[i].published.$t`	Shows time published of the i^th post	2016-03-31T18:41:00.000+05:00
`json.feed.entry[i].updated.$t`	Shows when the i^th post is updated	2016-04-08T08:46:07.907+05:00
`json.feed.entry[i].category[]`	Shows array of post categories/labels	refer JSON viewer..
`json.feed.entry[i].category[j].term`	Shows the j^th category of the i^th post	Widgets
`json.feed.entry[i].summary.$t`	You will see this node only if you have set "Site Feed" length to "Short" or "Until Jump Break" in your Blogger dashboard settings. This node will show a short snippet description of your post content. The content before jump break.	Will display blog content excerpt here.
`json.feed.entry[i].content.$t`	Show post content	Will display all Full post content here.
`json.feed.entry[i].link[ ]`	Links array of a post. Includes the comment form link, feed link, post link and title.	refer JSON viewer..
`json.feed.entry[i].link[j].href`	Show the j^th link of the i^th post	http://ift.tt/1RzP2JX
`json.feed.entry[i].link[j].title`	Show the j^th title of the i^th post	WordPress Floating Sharing Bar With Animation
`json.feed.entry[i].author[]`	Array of post authors	refer JSON viewer..
`json.feed.entry[i].author[j].name.$t`	Name of the j^th author on the i^th post	Mohammad Mustafa Ahmedzai
`json.feed.entry[i].author[j].uri.$t`	Shows Profile Link of author profile	http://ift.tt/1MkazJS
`json.feed.entry[i].author[j].gd$image.src`	Image uri of the j^th author profile on the i^th post	//lh4.googleusercontent.com/-f8qSqNLtpBU/AAAAAAAAAAI/AAAAAAAAQeo/f7nmpa1_dQ0/s512-c/photo.jpg
`json.feed.entry[i].media$thumbnail.url`	Shows thumbnail image on the i^th post. in 72x72 resolution	http://ift.tt/1MkaBBw
`json.feed.entry[i].thr$total.$t`	Show total count of threaded comments	3

This is was the most comprehensive Data sheet about blogger JSON Feed API. I hope this is self explanatory and may help you better understand the core basics of blogger widget development. In coming days, I will release two advance widgets for post feed and comment feed to give you a clear idea of what could be done using the data sheet above. Stay tuned. Do post your queries and feel free to ask for any help needed. Always here! =)