Meme -- 教學與反省

星期六, 六月 14, 2008

在部落格顯示其他部落格的最新文章標題

我將生物老師們的部落格用推推王串成一個 RSS，這個 RSS 不但能夠利用 RSS Reader 來訂閱，還可以將其輸出至任何一個網頁，借用他人的智慧來豐富自己的網站。

例如底下的例子：

上面的例子是利用 Google Reader 將訂閱的生物教師部落格 RSS 標題顯示在網頁上。如果你也想要在自己的部落格加上這些生物老師的文章標題，請複製底下的程式碼，然後編輯部落格側邊欄，將這些程式碼貼上就完成了：

如果覺得上面的效果不夠炫，那麼 Google 在前幾天提供了另一個工具：Google AJAX Feed API，方便網友將任一個 RSS Feed 嵌入自己的部落格中，而且可以有很炫的淡入淡出效果：

想要有這麼炫的效果，祇要將底下的程式碼貼到側邊欄就可以了：

<div id="feed-control"> <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span> </div>  <script src="http://www.google.com/jsapi?key=notsupplied-wizard" type="text/javascript"></script>  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js" type="text/javascript"></script> <style type="text/css"> @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css"); </style> <script type="text/javascript"> function LoadDynamicFeedControl() { var feeds = [ {title: '生物教學', url: 'http://funp.com/blogs/roll/rss.php?id=445' }]; var options = { numResults : 7, stacked : true, horizontal : false, title : " " } new GFdynamicFeedControl(feeds, 'feed-control', options); } // Load the feeds API and set the onload callback. google.load('feeds', '1'); google.setOnLoadCallback(LoadDynamicFeedControl); </script>

最初會想要將其他生物老師的文章標題放到自己的網頁上，是因為已經很久沒有寫生物教學的文章了 (都在寫電腦教學)，這樣跟網站的副標實在太不相符了，所以就『借』點別人的心血結晶來充充場面！！XD 不過，一些同學說他們很喜歡看到有其他生物老師的文章，所以，我就提一下如何在自己部落格放入其他網站標題的方法，大家都可以在自己的部落格上面試看看喔！！:)

Technorati : Google AJAX Feed API, RSS, google, 生物教師, 網路串聯, 聯播
Del.icio.us : Google AJAX Feed API, RSS, google, 生物教師, 網路串聯, 聯播