September 25th, 2008

采用Google AJAX Feed展示博客最新日志

Category: 代码, 插件, 网络技术, 网页设计, Author: 阿七, Popularity: 5% [?]

采用Google AJAX Feed展示博客最新日志

 

      Google真是令人兴奋!刚才发现的,Google AJAX Feed API又增加两个新的功能:The FeedControl以及Discovering Feeds

Google AJAX Feed API 最新的两个功能
Google AJAX Feed API 最新的两个功能。

      先得到Google API key,替代“YOUR-KEY”。然后设置Feed地址,修改代码,调试样式。就Ok!

      The FeedControl功能,是比较有意思的。以下是针对http://www.digg.com/rss/index.xml最新日志调用的例子,在这里引用一段原码:

<html>
  <head>
    <script  type="text/javascript" src="http://www.google.com/jsapi?key="YOUR-KEY"></script>
    <script type="text/javascript">

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

      function initialize() {
        var feedControl = new google.feeds.FeedControl();
        feedControl.addFeed("http://www.digg.com/rss/index.xml", "Digg");
        feedControl.addFeed("http://feeds.feedburner.com/Techcrunch", "TechCrunch");
        feedControl.draw(document.getElementById("feedControl"));
      }
      google.setOnLoadCallback(initialize);

    </script>
  </head>

  <body>
    <div id="feedControl">Loading</div>
  </body>
</html>

View example (feedcontrol.html)

     刚才具体调用了阿七涂画的最新日志到设计联盟首页上,你可以到设计联盟首页的中部右侧栏看看具体的样子。具体样式:

阿七涂画最新日志在设计联盟的样子。
阿七涂画最新日志在设计联盟的样子。

样式可长可短,自定义!
样式可长可短,自定义!

     具体代码在http://blog.designlinks.cn/feed.html,你可以参考做一个属于你自己的Feed更新、日志展示。

     如有问题,留言探讨!

什么?上面的文章不过瘾?我还特意准备了这些:

Tags:, , .
评论数量(1) | Add Comments
本文网址:http://blog.designlinks.cn/plugin/google-ajax-feed-api.html

One Comments so far

» You can leave a response or Trackback .

  1. Gravatar Icon 卫生防疫 Says:

    新技术,值得学习学习!!

    Beach回复:
    呵呵,你一连留言7篇,Sk把你关起来了。

leave a reply