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

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

例如底下的例子：

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

[@more@]

<div style= "BORDER-RIGHT: rgb(125,125,125) 1px dashed; PADDING-RIGHT: 5px; BORDER-TOP: rgb(125,125,125) 1px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 3px; BORDER-LEFT: rgb(125,125,125) 1px dashed; PADDING-TOP: 5px; BORDER-BOTTOM: rgb(125,125,125) 1px dashed"> <script src="http://www.google.com/reader/ui/publisher-zh_TW.js" xml:space="preserve" type="text/javascript"> </script> <script src= "http://www.google.com/reader/public/javascript/user/07023905470644511671/label/%E7%94%9F%E7%89%A9%E6%95%99%E5%B8%AB?n=7&amp;callback=GRC_p(%7Bc%3A%22-%22%2Ct%3A%22%22%2Cs%3A%22false%22%2Cb%3A%22false%22%7D)%3Bnew%20GRC" xml:space="preserve" type="text/javascript"> </script>

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

Loading...

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

<!-- ++Begin Dynamic Feed Wizard Generated Code++ --> <!-- // Created with a Google AJAX Search and Feed Wizard // http://code.google.com/apis/ajaxsearch/wizards.html --> <!-- // The Following div element will end up holding the actual feed control. // You can place this anywhere on your page. --> <div id="feed-control"> <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span> </div> <!-- Google Ajax Api --> <script src="http://www.google.com/jsapi?key=notsupplied-wizard" type="text/javascript"></script> <!-- Dynamic Feed Control and Stylesheet --> <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> <!-- ++End Dynamic Feed Control Wizard Generated Code++ -->

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

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