Using Yahoo Query Language YQL Display Blogger Blog Feed/Posts Anywhere

Ever since Google shut down their free feed API service late December 2016, Blogger users have contacted us in finding out on any alternati...

Ever since Google shut down their free feed API service late December 2016, Blogger users have contacted us in finding out on any alternatives which is more stable, reliable & most important clean API's to retrieve blog feed data publicly - most important FREE!

YQL Display Blogger Blog Feed/Posts Anywhere


Display Blogger feed use Yahoo!QL with AMP iframe for Blogspot Template

Reasons were:

  1. Many of their Blogger plugins was hosted on domain outside of their blog which when using javascript (to send/retrieve data cross domain) as-is would not be possible.
  2. Issues with Blogger blogs with HTTP & HTTPS protocols due to browser security & restrictions.
  3. Returns/receive datas which can be easily manipulated/process.
  4. Developing an AMP iframe to deploy/display blog feed which requires HTTPS connection & compatible with HTTP protocol.

Here's Yahoo! Query Language (YQL), from Yahoo! developer website...

The YQL (Yahoo! Query Language) platform enables you to query, filter, and combine data across the web through a single interface. It exposes a SQL-like syntax that is both familiar to developers and expressive enough for getting the right data.

Using Yahoo Query Language YQL Display Blogger


Since that YQL provides JSON data format as data output, makes it easier for Blogger template developers/designers to retrieve datas - just like how they normally would retrieving JSONp datas using Blogger's blog internal data feed API.

Below is an example how to use YQL using plain/pure javascript, process data & output Blogger feed data to HTML. This script can be hosted on a different domain with HTTP or HTTPS  (works best for compatibility) protocols for any Blogger blogs (with or without HTTPS enabled).

Continue

COMMENTS

Name

Accelerated Mobile Pages,1,Add AMP Sidebar,1,Add WhatsApp amp,1,Additional Menus,1,AMP Blogger Template,1,AMP Cache,1,AMP for Contact Form,1,AMP for Contact Page,1,AMP for Facebook Comments,1,AMP HTML,7,AMP HTML Errors,1,AMP HTML Featured Post,1,AMP HTML Features,1,AMP HTML Header Gadget,1,AMP Image light-box,1,AMP Pages,1,AMP Project,2,AMP Template,1,AMP Theme Version,1,AMP User Notification,1,AMP Warnings extension,1,Auto Check AMP Errors,1,Blazing Speed for AMP Pages,1,Bloggar-AMP Facebook comments,1,Blogger Adding Custom Fonts,1,Blogger AMP HTML,1,Blogger Features,1,Blogger Pages,1,Blogger Template,2,Blogger templates,3,Blogger to DISQUS,1,Blogger With AMP HTML,1,Blogger-AMP,1,Buttons,1,Check Valid AMP HTML,1,Comments to DISQUS,1,Custom Mobile Apps Icon,1,DISQUS,1,Enable Feature,1,Enable Responsive Videos Embed on Blogger Posts,1,Errors for Blogger,1,Fix AMP Warnings,1,Fix Pinterest AMP,1,Getting Started,9,HTML,1,HTML Template,1,Insane Ads,1,Instagram Posts and Images on Blogger,1,Learn,18,Material Icons,1,Mobile Blogger Template,1,Mobile Design,1,Mobile Friendly Test,1,Mobile Friendly Test for Blogger,1,Not Secured Warning at Browser,1,Reference,7,Resources,18,Social Shares in AMP,1,Style and Presentation,1,Template Theme Version,1,Theme Version,1,Tutorial,10,URLs for AMP Blogger,1,Valid AMP on Blogger Pages,1,YQL Display Blogger,1,
ltr
item
html 2018: AMP Tutorial Guide and AMP Blog Template : Using Yahoo Query Language YQL Display Blogger Blog Feed/Posts Anywhere
Using Yahoo Query Language YQL Display Blogger Blog Feed/Posts Anywhere
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1p1VDaaJLvHY5tVSAwTTytlpZWV7DnXKcyoFTZ_YpV9JcjT-Wr5dI0RacXA9E6-LBASQ2Uq6K3jz8LPi0JwyZlhHqCtAN6JaEztvavhFB0C2IZIJhk6QY7tcNFk9ru2ZpOmxhpPjsdlo/s640/Yahoo%2521+Query+Language+YQL+display+Blogger+Posts+Anywhere+with+AMP+HTML.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1p1VDaaJLvHY5tVSAwTTytlpZWV7DnXKcyoFTZ_YpV9JcjT-Wr5dI0RacXA9E6-LBASQ2Uq6K3jz8LPi0JwyZlhHqCtAN6JaEztvavhFB0C2IZIJhk6QY7tcNFk9ru2ZpOmxhpPjsdlo/s72-c/Yahoo%2521+Query+Language+YQL+display+Blogger+Posts+Anywhere+with+AMP+HTML.png
html 2018: AMP Tutorial Guide and AMP Blog Template
https://html-2018.blogspot.com/2017/02/using-yahoo-query-language-yql-display.html
https://html-2018.blogspot.com/
https://html-2018.blogspot.com/
https://html-2018.blogspot.com/2017/02/using-yahoo-query-language-yql-display.html
true
8200234737019433608
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy