v 用Grazr Rss輪播器來顯示最新回應、最新文章 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...