2007年8月11日 星期六

用Grazr Rss輪播器來顯示最新回應、最新文章

Grazr

最近又發現一個好東西,可以用RSS輪播最新文章及最新回應,介面相當多選擇,也適合很多不同的網站空間來使用。

2010.8.19更新,目前這網站已無法使用。



一直以來我想要有一個有Scrollbar(滾動軸)的widget來顯示最新文章與最新回應,因為通常hack所設計的都是有數量限制,如果數目多所佔的頁面空間相對的就會增大,而我又不想用閉合功能將網頁元素給關閉,這個widget可以自訂你所想呈現的大小,讓他可以更適合你版面的編排,試用過後覺得還可以,尤其我喜歡他的介面,一句話,就是漂亮,比起用google reader輪播介面的單調,雖然他也是單色的,但是底色所呈現的光澤感,及hover滑過會變色的模式我都超喜歡,而如何製作自己的輪播器呢?

進入Grazr網站,點選上方Create a Widget,

第1步驟,輸入你的rss網址
文章是http://你的網站網址/feeds/posts/default
回應是http://你的網站網址/feeds/comments/default
按下enter或是update,右方就會出現你的最新文章或回應
第2步驟,Customize your Widget,按下edit,就會展開編輯畫面
選擇theme,選好後,按下apply theme後,才會產生變化
Default View,建議選擇outline,會貼齊邊緣線
Dimensions,選擇長度、寬度,或是勾選右方的size width to fit,自動配合你sidebar的寬度
Font & Text Size,字型與大小,配合你自己的版面來作選擇,順眼就好。
第3步驟,選擇blogger(也可貼在其他的介面上,見圖),再點選sidebar,(如果你想放在文章區也可以,就點Blog Post)下面就會出現程式碼,再將程式碼貼到你新增的網頁元素裡即可。


實際經過測試後,發現最新文章第一次出現的速度大概是15秒,最新回應出現的速度則是11秒,如果已經曾經loading過,再出現就會比較快,但是第一次15秒真的有點久,所以目前我的最新文章還是採用Google Reader提供的輪播,最新回應則用Grazr,因為用原來的方法有時還是會有問題,而且純文字顯示真的不是很優,而早一點的回應,因為篇數的限制也看不到,除非點選特定文章,有些問題網友會重複問,如果可以看到從前的回應,也可以參考一下。

其實不用這個Widget來輪播自己的最新文章除了loading時間較長,也有一個原因是,他按下文章標題後,內容會直接顯示在widget下方,要按”》”鍵才會顯示原本的網頁,邊欄已經很窄了,不適合顯示原有的文章,除非你把widget放在文章區,但這有點畫蛇添足了,而最新回應都很簡短,所以顯示在下方比較不會有問題。

不過要注意的是,這個Grazr所提供的文章與回應,只有25則,如果你的回應真的很多,大概就不適用,不過目前對我是已經足夠了。

另外,這個服務也適用ATOM、RDF、OPML格式,不過我還沒學會,有空再學了再來分享了。

8 則留言:

  1. 我自己也是用google reader來輪播,
    不過每次都要登入還要手動按share.
    感覺不太方便,改天來試試Grazr!!

    回覆刪除
  2. 您好
    請問如何可以拿掉最上面的標題與功能
    巷您旁邊這樣只顯示回覆呢??
    謝謝~~ ^^

    回覆刪除
  3. 我現在不是用Grazr,而是利用Abin's的最新回應Hacks
    http://abintech.azhai.org/2008/01/recent-comments.html
    加上利用捲軸的功能
    http://01mistery.blogspot.com/2009/02/sidebar-scrollbar.html兩者合併,來做現在的"最新迴響"。

    回覆刪除
  4. 填完第二歩驟後為何沒有可以儲存的畫面出現?我一直無法進入第三步驟去選blogger?謝謝!

    回覆刪除
  5. 這是兩年多前寫的介紹,現在有些單元都改變了,你就直接將Embed Coder程式碼貼在小工具就行了,。

    回覆刪除
  6. 我今天(8/19)不管怎麼連都連不到Grazr網站喔~!

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能