<< 評估網站的可讀性 | 回blog首頁 | 你恨你老闆嗎？ >>

April 28,2006

利用 Grazr 製作聯播

「Grazr」是一個免費的線上RSS/OPML閱讀服務，簡單的來說，就是可以把你所訂閱的RSS利用這個服務將之呈現出來，和其他聯播不同地方在於它的呈現方式，Grazr可以將多個RSS Feed在一個小視窗中顯示，並具有目錄結構的概念，有系統的呈現你想和大家一起分享的RSS，我想這對喜歡做Blogroll的人來說，的確蠻方便的，以下有更詳細的說明；「Grazr」這邊有效果的呈現，可先賭為快。

「Grazr」提供了一個貼心的服務，就是可以線上預覽你成品的結果，請進入網頁中的「Try Grazr」，在此你可以直接輸入RSS或OPML，然後直接執行就可以呈現成果，也可以即時的調整視窗的寬度、高度、字型、字型大小等，若文章超過你的設定值，也會自動產生Scrollbar。

【單一RSS Feed】
以我自己的RSS來做示範，只要輸入RSS網址後，調整一下你要的高、寬就可以了，呈現的結果如下：

Grazr 單一 RSS feed 示範

【多個RSS Feed】
要一次顯示多個RSS Feed，比較合適的方法是用OPML(Outline Processor Markup Language)，很多的RSS Reader都有提供匯出OPML格式的功能，例如：Bloglines、SharpReader等，可用利用這些功能來得到OPML檔案，若你沒這二個東西的也別急，下面會有手動建立OPML的教學。

  • 使用Bloglines者，請到「My Feeds」頁面，選「Edit」，然後下方有一個「Export Subscriptions」的選項，在此處可以匯出OPML檔案。
  • 使用SharpReader者，由「File」、「Export Subscriptions」匯出檔案就行了。

當然你也可以使用其他的方式得到OPML，接著請在Grazr中輸入此OPML的位址來預覽結果，下圖是我的OPML示範，共有訂閱了三個RSS Feed(去除了分類目錄)：

Grazr 多個 RSS feed 示範

這樣使用者就可以自行點選喜歡的RSS來閱讀，提供更多的資訊，同時因為有階層的概念，所以不會雜亂無章，容易使用；下圖是當使用者點選「Jinn's Tech Blog」後，所呈現的畫面，和第一張圖不同的是左邊多了一個箭頭符號，按此可以回上一頁：

Grazr 多個 RSS feed 示範

【取得放至網誌中的語法】
經過上面的示範後，心裡應該有個底，請先決定要顯示的成果，準備工作做好後，請到「Grazr」中的「Get Grazr For Your Page」，利用上述的方法，輸入RSS或OPML位址，調整一下視窗大小，然後可以按「See how it looks」來先預覽一下，或直接按「Get the code / install」，接下來就是把所產生的語法，貼到你的網誌中即可，在此就不多做說明。

【手動建立OPML檔案】
這邊簡單介紹一下OPML的手建方法，請將下面的語法存成OPML的檔案，例如：MyName.opml，完成這個步驟後，就完成一大半囉！

上面的語法中，要注意的是以下這一段：

title：是你要顯示的名稱
html：網站的網址，不是RSS的網址喔
type：填入型態，一般是 rss，可以不用改
xmlUrl：RSS的網址

這是一個RSS Feed需要修改的地方！若要增加多個RSS，那就拷貝這一行，然後再依次修改即可。

此外，OPML還可以建立「分類目錄」，讓你將RSS分類，例如「資訊」、「旅遊」、「美食」等(支援中文)，要使用這個功能，需要在OPML中加入下列語法：
<outline title="分類名稱">...單或多的RSS...</outline>

例如：

下面則是有「分類目錄」的呈現畫面：



Posted by jinnsblog at 樂多Roodo! │13:51 │回應(23) │引用(2) │部落。美化
樂多分類：網路/3C 共同主題：Blog進階技巧 工具：編輯本文
Ads by Roodo! 

引用URL

http://cgi.blog.roodo.com/trackback/1484691
引用列表:
前陣子為了blog聯播而頭痛，有使用過bloglist、blogpeople至newgator，也因newgator改版後，功能似乎也沒改版前好用而作罷，前幾天在
利用 Grazr 製作聯播【享受流動的浪漫】 at May 12,2006 14:44
all about polomurinureon and top news
polomurinureon 83 post【polomurinureon blog】 at October 24,2007 17:57
回應文章
哈！原來你也知道"Grazr"呀！
我也是無意間找到的，已經用了幾天還不賴！
這可真是一個好物呢～
對了！你Firefox的問題解決了嗎？
Posted by Nike小周 at April 28,2006 19:37
呵！是呀~~只是沒時間寫教學~~今天狠下心花了點時間寫一寫囉~~
Firefox還沒解決耶~~我也不知道為什麼~~很怪~~
Posted by Jinn at April 28,2006 20:57
我說的方法(plugin)無效嗎？
不太可能吧...?_?
Posted by Nike小周 at April 29,2006 05:30
嗯！不行，我試過了，我也用官方的試過了！我不知道是不是最近Yam的關係，因為在發表文章時候，常常無法更新成功，你可以幫我試試嗎？你到Yam中，進發表新文章中，點選每個欄位看看，是不是有這種現象？
Posted by Jinn at April 29,2006 11:33
目錄不支援中文！
殘念～～
Posted by 阿榮 at May 11,2006 14:58
To 阿榮

目錄可以支援中文的！你可以沒弄好吧！你再試試看！
你可以到Nike小周那看看呀！他也有用目錄中文喔！
http://tonychou.blogspot.com/2006/01/blogrolls.html
Posted by Jinn at May 11,2006 15:40
您好~
謝謝您的教學
我已測試成功

想引用您這篇
分享大家
告知您一聲

常來潛水看您的教學
謝謝~~
Posted by ivy at May 12,2006 14:21
To ivy
嗯，我有去看了，給了你一些建議，你可以參考一下喔！主要是資料夾是可以自行決定要設或不設的，還有你進入文章頁面時，Grazr就不見了耶~~你可能是那個地方有一些喔！
Posted by Jinn at May 12,2006 16:53
謝謝~
我看見你的留言了
我會測試看看的
如有疑問再向你討教

可以把你加入連結嗎?
謝謝~
Posted by ivy at May 12,2006 17:09
歡迎加入連結喔...有問題再一起研究好了，我有些問題也不見得知道
Posted by Jinn at May 12,2006 17:12
我很想用...但是看起來好像很難....=.=
覺的自己變笨很多...好悶!!!
Posted by 輕羽 at May 17,2006 12:26
哈！不會啦~~你的老毛病又犯~~其實真的蠻簡單的，不要被我的一大堆程式碼給騙了~~你是老手了應該很容易成功的！
Posted by Jinn at May 17,2006 15:56
你好`你的部落格真是寶庫``跟你敬禮`不過我試過這一篇都沒辦法.我是用bloglines輸出成.opml`我在bloglines網頁上瀏覽聯播的文章都正常,但是用把輸出的opml檔貼上Grazr都顯示錯誤.顯示資訊如下
Grazr error
Error Type: XML parsing error
not well-formed (invalid token) at line 32, column 10, character 1444
Posted by patrick6124 at June 13,2006 02:45
To patrick
這個問題我想應該是語法有一些錯誤導致的，今天我有去看你的blog，首頁上的Grazr呈現是正常的，我想你應該解決了是吧...若還有問題話，你可以把你的檔案給我看看...
Posted by Jinn at June 13,2006 09:59
你看到正常是因為我現在是用單一個rss feed~是正常的`若是用多個輸出opml檔顯示出來是錯的,我輸出的檔案是http://www.bloglines.com/export
我是過把.opml加上去還是一樣
輸出的內容是

[?xml version="1.0" encoding="utf-8" ?]
- [opml version="1.1"]
- [head]
[title]Bloglines Subscriptions[/title]
[dateCreated]Tue, 13 Jun 2006 15:15:05 GMT[/dateCreated]
[wnerName /]
[head]
- [ody]
[utline title="Bloglines | News" text="Bloglines | News" htmlUrl="http://www.bloglines.com" type="rss" xmlUrl="http://www.bloglines.com/rss/about/news" /]
- [utline text="myblog聯播"]
[utline title="BOSS CLUB" text="BOSS CLUB" htmlUrl="http://blog.sina.com.tw/bossrich/" type="rss" xmlUrl="http://blog.sina.com.tw/bossrich/feed.php?ver=rss&type=entry&blog_id=21810" /]
[utline title="愛莉花抱抱" text="愛莉花抱抱" htmlUrl="http://blog.sina.com.tw/iriha/" type="rss" xmlUrl="http://blog.sina.com.tw/iriha/feed.php?ver=rss&type=entry&blog_id=17873" /]
[utline title="海豚飛看世界" text="海豚飛看世界" htmlUrl="http://blog.sina.com.tw/htfjsw/" type="rss" xmlUrl="http://blog.sina.com.tw/htfjsw/feed.php?ver=rss&type=entry&blog_id=2348" /]
[outline]
[body]
[opml]
-------------------------------------------------------------
[]改成3角ㄉ括號
Posted by patrick6124 at June 13,2006 23:32
我本來是以為新浪的關係`因為新浪的rss顯示出來是http://blog.sina.com.tw/draw/feed.php?ver=rss&type=entry&blog_id=24050
不像一般是.......................xml
不過我試過找樂多跟其他的部落來add my feed也是一樣的
但是這些都能在bloglines網頁上直接閱讀`顯示都正常
不知道是bloglines還要設定什麼`又或者是因為我用的是windows2000(sp4)
Posted by patrick6124 at June 13,2006 23:41
目前我測試的結果是，好像Sina這種格式的RSS會發生錯誤，用其他的RSS就不會！我有空再測試看看！看能不能找出原因...
Posted by Jinn at June 14,2006 17:02
謝謝你~~我已經找到別ㄉ方法了~只是沒辦法用Grazr了
不過我還有一各問題想請教:不知道有沒有語法可以設定某個播放檔開啟後會自動關掉另一個播放檔
我的意思是比如我的部落格有背景音樂設自動播放的~但是我有文章裡面也是介紹音樂ㄉ~這段音樂手動播放~播放的時候我想讓部落格的背景音樂自動停止
Posted by patrick6124 at June 21,2006 17:53
To patrick
不好意思，目前就我所知，背景音樂可以用loop來控制，或許自行寫的javascript可以來控制，也就是說當載入你有音樂介紹時，就讓背景音樂停止，但用純Html語法來控制的話，可能無法做到吧...(就我所知)
Posted by Jinn at June 21,2006 23:28
謝謝~~我再去找書看看~~
Posted by patrick6124 at June 22,2006 00:17
阿`還有`感謝你flash mp3 player的教學~一次就okㄌ
Posted by patrick6124 at June 22,2006 00:21
不好意思我想問一個基本的問題
就是創造出opml的檔案以後
這個檔案會在我的電腦硬碟裡
我要輸入什麼樣的路徑,讓opml認得他呢?
是要傳到網路硬碟嗎?
但是我傳到msn的網路硬碟,放入下載位址
grazr還是認不到
不知道是不是我的問題太基本了,竟然網路上都沒有解決的方法
所以只好麻煩您了
感謝您的解答*^__^*
Posted by peachlai at August 11,2009 01:17
要放到網路上沒錯
msn上的網路硬碟？你是指skydrive嗎？
建議你改用別家的...外連比較穩定一點
Posted by Jinn at August 11,2009 21:10


回最上方