• yam天空
  • 天空部落
  • 新聞
  • 風林火山
  • 登入 註冊 網誌隨便逛
  • 加入天空部落
  • 挺客家得大獎

網誌 相簿 影音 PK吧! Honda嬉遊趣
即時新聞 影音新聞 新聞專輯 政治新聞 財經新聞 娛樂新聞 運動新聞 兩岸新聞 科技新聞
進入官網 遊戲資料 奪寶好康
管理介面 發表網誌 發表日記 上傳相片 上傳影音 管理留言
推薦這個部落格: 122

靖 ● 技場

Jinn的心情點滴、軟體教學、Blog工具、資訊安全 網頁排名統計 site statistics




日記 |網誌 |影音 |相簿 |好友 |留言板
你恨你老闆嗎? | 主頁 | 評估網站的可讀性
April 28, 2006
利用 Grazr 製作聯播以文找文
jinnsblog 在天空部落發表於13:51:43 | 部落。美化
鼓勵此網誌:0 

「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>

例如:

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


留言 (22) | 引用 (3) | 人氣 () | 轉寄
此分類上一篇:[轉載]10個不必經常更新 blog 的理由 | 主頁 | 此分類下一篇:評估網站的可讀性
引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)
引用
享受流動的浪漫於<利用 Grazr 製作聯播> 引用本文
提要:前陣子為了blog聯播而頭痛,有使用過bloglist、blogpeople至newgator,也因newgator改版後,功能似乎也沒改版前好用而作罷,前幾天在
引用時間: 2006-05-12 14:44:28
droger的mac心得整理 ::PIXNET BLOG::於<使用Grazr+Amnesty Generator,快速建立自己的Blog Widget> 引用本文
提要:  +  Amnesty™ Generator 1.0  =  Grazr是一個可以將RSS訂閱服務轉成嵌入式版面的網站,而之前在Applewoods那邊看到的Amnesty Generator推出了1.0版之後,增加了許多新的功能,將這二樣東...
引用時間: 2007-01-18 11:54:27
play texas holdem free 於<play texas holdem > 引用本文
提要:Any number of play texas holdem
引用時間: 2007-03-01 21:50:49
留言 (22筆)
22.
此篇為私密留言
atlance 於 2009-06-19 19:52:50 留言 |

21.
此篇為私密留言
atlance 於 2009-06-19 19:43:31 留言 |

20.
阿`還有`感謝你flash mp3 player的教學~一次就okㄌ
patrick6124 於 2006-06-22 00:21:09 留言 |

19.
謝謝~~我再去找書看看~~
patrick6124 於 2006-06-22 00:17:50 留言 |

18.
To patrick
不好意思,目前就我所知,背景音樂可以用loop來控制,或許自行寫的javascript可以來控制,也就是說當載入你有音樂介紹時,就讓背景音樂停止,但用純Html語法來控制的話,可能無法做到吧...(就我所知)
Jinn 於 2006-06-21 23:28:49 留言 |

17.
謝謝你~~我已經找到別ㄉ方法了~只是沒辦法用Grazr了
不過我還有一各問題想請教:不知道有沒有語法可以設定某個播放檔開啟後會自動關掉另一個播放檔
我的意思是比如我的部落格有背景音樂設自動播放的~但是我有文章裡面也是介紹音樂ㄉ~這段音樂手動播放~播放的時候我想讓部落格的背景音樂自動停止
patrick6124 於 2006-06-21 17:53:02 留言 |

16.
目前我測試的結果是,好像Sina這種格式的RSS會發生錯誤,用其他的RSS就不會!我有空再測試看看!看能不能找出原因...
Jinn 於 2006-06-14 17:02:26 留言 |

15.
我本來是以為新浪的關係`因為新浪的rss顯示出來是http://blog.sina.com.tw/draw/feed.php?ver=rss&type=entry&blog_id=24050
不像一般是.......................xml
不過我試過找樂多跟其他的部落來add my feed也是一樣的
但是這些都能在bloglines網頁上直接閱讀`顯示都正常
不知道是bloglines還要設定什麼`又或者是因為我用的是windows2000(sp4)
patrick6124 於 2006-06-13 23:41:48 留言 |

14.
你看到正常是因為我現在是用單一個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角ㄉ括號
patrick6124 於 2006-06-13 23:32:51 留言 |

13.
To patrick
這個問題我想應該是語法有一些錯誤導致的,今天我有去看你的blog,首頁上的Grazr呈現是正常的,我想你應該解決了是吧...若還有問題話,你可以把你的檔案給我看看...
Jinn 於 2006-06-13 09:59:18 留言 |

12.
你好`你的部落格真是寶庫``跟你敬禮`不過我試過這一篇都沒辦法.我是用bloglines輸出成.opml`我在bloglines網頁上瀏覽聯播的文章都正常,但是用把輸出的opml檔貼上Grazr都顯示錯誤.顯示資訊如下
Grazr error
Error Type: XML parsing error
not well-formed (invalid token) at line 32, column 10, character 1444
patrick6124 於 2006-06-13 02:45:34 留言 |

11.
哈!不會啦~~你的老毛病又犯~~其實真的蠻簡單的,不要被我的一大堆程式碼給騙了~~你是老手了應該很容易成功的!
Jinn 於 2006-05-17 15:56:02 留言 |

10.
我很想用...但是看起來好像很難....=.=
覺的自己變笨很多...好悶!!!
輕羽 於 2006-05-17 12:26:50 留言 |

9.
歡迎加入連結喔...有問題再一起研究好了,我有些問題也不見得知道
Jinn 於 2006-05-12 17:12:17 留言 |

8.
謝謝~
我看見你的留言了
我會測試看看的
如有疑問再向你討教

可以把你加入連結嗎?
謝謝~
ivy 於 2006-05-12 17:09:18 留言 |

7.
To ivy
嗯,我有去看了,給了你一些建議,你可以參考一下喔!主要是資料夾是可以自行決定要設或不設的,還有你進入文章頁面時,Grazr就不見了耶~~你可能是那個地方有一些喔!
Jinn 於 2006-05-12 16:53:24 留言 |

6.
您好~
謝謝您的教學
我已測試成功

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

常來潛水看您的教學
謝謝~~
ivy 於 2006-05-12 14:21:07 留言 |

5.
To 阿榮

目錄可以支援中文的!你可以沒弄好吧!你再試試看!
你可以到Nike小周那看看呀!他也有用目錄中文喔!
http://tonychou.blogspot.com/2006/01/blogrolls.html
Jinn 於 2006-05-11 15:40:40 留言 |

4.
嗯!不行,我試過了,我也用官方的試過了!我不知道是不是最近Yam的關係,因為在發表文章時候,常常無法更新成功,你可以幫我試試嗎?你到Yam中,進發表新文章中,點選每個欄位看看,是不是有這種現象?
Jinn 於 2006-04-29 11:33:36 留言 |

3.
我說的方法(plugin)無效嗎?
不太可能吧...?_?
Nike小周 於 2006-04-29 05:30:24 留言 |

2.
呵!是呀~~只是沒時間寫教學~~今天狠下心花了點時間寫一寫囉~~
Firefox還沒解決耶~~我也不知道為什麼~~很怪~~
Jinn 於 2006-04-28 20:57:23 留言 |

1.
哈!原來你也知道"Grazr"呀!
我也是無意間找到的,已經用了幾天還不賴!
這可真是一個好物呢~
對了!你Firefox的問題解決了嗎?
Nike小周 於 2006-04-28 19:37:23 留言 |

發表你的留言 (字數限制 最多 2000 個中文字)
私密留言: 是 否
Name:





是 否
內容:
系統公告
測試看看
快速連結
  • 訪客留言
  • Orkut邀請函
  • 本週熱門網頁排名
  • My vlog
  • 我的聊天室
  • 優格連結
  • 調色盤、色碼表
  • 得益網免費電子書!推薦!
  • 常用免費軟體下載
  • Syntax Highlight
一起來Plurk
Plurk.com
RSS訂閱
Subscribe in Rojo Subscribe in NewsGator Online Add to Google Subscribe in Bloglines
記事分類
  • 生活。心情 (14)
  • 部落。美化 (69)
  • 軟體。教學 (49)
  • 程式。設計 (4)
  • 電腦。技巧 (19)
  • 網站。資源 (32)
  • 時事。情報 (31)
  • 影音。娛樂 (26)
  • 文章。小品 (3)
  • 雜七。雜八 (8)
好時光貼曆
jinnsblog的最新的記事
  • 10月10日國慶日,即...
  • 天空有點灰!準備啟動搬...
  • WidgetBox...
  • VisitWidget...
  • [收集文]測試網路速度...
jinnsblog的最新的回應
  • 6f3f1:
    情趣用品成人網站有個網...
  • kiraly:
    還有...你用的第一版...
  • kiraly:
    阿~~阿~~阿.......
  • 小貓:
    請問一下,我用了lig...
  • kunrun:
    謝謝囉 特別^^
最新的引用
  • Websites as...
  • KissYouTube...
  • [教學]...
  • EeePC...
  • Technorati...
好友、優格
  • Jinn's Blog 樂多備份站
  • Bruwan
  • 輕羽
  • 亞子國
  • TonyChou Walker
  • 瑞典妹辣喔
  • B&W Space黑白空間
  • Trends 2.0 (Vista)
  • Ressol's Blog
  • 梅問題.教學網
  • 尋找一些逝去的瞬間
  • MESON 手札 - 單車 相機 部落格
個人檔案
個人圖檔
ID:jinnsblog
暱稱:靖
地區:臺北市
  • 訂閱 |
    • 我要訂閱此部落格的
    • 日記
    • 網誌
    • 相簿
  • 好友 |
    • 好友功能
    • 觀看好友列表
    • 觀看人緣列表
  • 人氣 |
  • 簡介 

人氣指數(Since 06.11.30)
當日人次:
累積人次:
價值 / 影響力 / 評比
網誌排行 top-bloggers.com
Blog搜尋
搜尋:
其他連結
本網誌的推廣貼紙,歡迎取用 進入我的聊天室 本周熱門網頁排名 Jinn's Vlog 免費資源網路社群 Palacan!部落格聯播 寄信給我
誰推薦我
誰來我家
RSS 訂閱
RSS2
ATOM
贊助商
CC授權
其它資訊
本部落所刊登之內容,皆由作者個人所提供,不代表 yam 天空 本身立場。
POWERED BY
POWERED BY 天空部落
會員登入│免費註冊