Just another tech site

Archive for the ‘API’ Category

Google Code Playground & Feed API

Google Playground

Google provides a web based test environement for the diferent API that are available.


Feed API

simple Feed composant

The code

You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Dynamic Feed Control</title>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>

    <!-- Dynamic Feed Control and Stylesheet -->
    <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
    <style type="text/css">
      @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");

    <script type="text/javascript">
    *  How to use the Dynamic Feed Control, which has pretty UI already made for you!
    *  Don't forget to check out the options:
    *  http://www.google.com/uds/solutions/dynamicfeed/reference.html

    google.load('feeds', '1');

    function OnLoad() {
      var feeds = [
          title: 'Blog',
          url: 'https://devreminder.wordpress.com/feed/atom/'
          title: 'E-Online',
          url: 'http://rss.cnn.com/rss/edition.rss'

      var options = {
        stacked : true,
        horizontal : false,
        title : "Test Feed"

      new GFdynamicFeedControl(feeds, 'content', options);
      document.getElementById('content').style.width = "500px";

  <body style="font-family: Arial, sans-serif;border: 0 none;">
  <div id="content">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>

Tag Cloud