衫衫記得有一次, 借用朋友的電腦上網查資料, 剛巧開啟了一個在國內 9 歲的小女孩部落格, 內裡有一個 Flash 的插件, 朋友看到後, 只說了一句...

「真厲害! 連 9 歲的小女孩也會用 Flash 做出這麽漂亮的效果! 恐怕我最少要學一個月才會...唉...」

衫衫看後, 只回覆了一句:「不用兩分鍾, 你也可以跟她一樣做出相同效果呀~」

朋友聽後, 即時會意, 就知道這原來是某個網上玩意了, 最後嚷著衫衫要介紹教他...(代價是一餐午飯~ 呵呵 ^_^)

其實有不少網上有不少 Blog 玩意推出已久, 不過因為語法、瀏覽器或其他的環境限制, 導至衫衫一直也很少介紹這些玩意給各位; 當中的最佳例子, 就是這次要介紹的 YOURRSS.JP 服務及 TopiX 插件了。

說到 YOURRSS.JP 這個日本網站, 相信很多朋友也可能聽說過, 其實它和 POQUE 插件一樣, 都是由日本網站 http://ekndesign.com/ 在早期所推出的一個有關 RSS 服務的網站, 特別是它所推出的 TopiX 插件, 就更加是 blog 興起後, 各部落格內最為普遍的外掛插件之一; 這個 TopiX 插件的主要功能, 基本上就只是一個 RSS 閱讀器, 不過因為介面設計相當漂亮吸引, 所以推出後就迅速成為各部落客的 "最愛", 雖然在功能上沒有太大更新 (基本上可說是從未更新 ＞.＜), 但直到今天, 各位依然可以在不少大型的網站或各部落格中, 找到 TopiX 插件的蹤影。另一方面, 除了 TopiX 插件外, YOURRSS.JP 其實也有提供 RSS 網址探索及 SITEINFO 等服務, 前者可以容許用戶憑著一個網站網址, 就可輕易地尋找出這個網站的 RSS 網址; 而後者則可說是一個 RSS 貼紙 + 網上 RSS 閱讀器的服務, 容許用戶製作自己網站的 RSS 貼紙, 及網上即時開啟一個 RSS 閱讀器。
YOURRSS.JP 官方網站網址 - http://yourrss.jp/
TopiX 插件的頁首 - http://yourrss.jp/blogparts/topix/

注意: 因為 Windows Live Spaces 部落格及瀏覽器的限制, 利用 SITEINFO 服務所制作的 RSS 貼紙及網上 RSS 閱讀器服務, 將會失效, 詳情請看下文說明。

在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:

在未談及如何加入 TopiX 插件前, 我們先了解一下 YOURRSS.JP 網站提供的 RSS 網址探索服務, 到底是如何運作的~

1. 要查詢一個網站的 RSS 網址, 可以先到 YOURRSS.JP 的頁首 - http://yourrss.jp/, 即可以看到以下的欄位 (圖1), 請在欄位上輸入要查詢網站的網址, 然後按一下「檢索」按扭。

(圖1)

2. 夜衫衫輸入這裡 夜♋衫衫工作室™ 的網址 - http://camuschu.spaces.live.com 查詢以作示範, 查詢結果清楚地顯示出, 夜♋衫衫工作室™ 的 RSS 網址, 就是 http://camuschu.spaces.live.com/feed.rss 了 (圖2)。

(圖2)

各位應該也會覺得, 這是頗為方便的 RSS 網址探索服務吧~ 已後各位要查詢任何網站的 RSS 網址, 只要利用 YOURRSS.JP 的服務就可以了。

3. 現在, 各位已知道了如何查詢網站的正確 RSS 網址, 就可以隨意使用漂亮的 TopiX 插件了; 請先到 TopiX 插件的頁首 - http://yourrss.jp/blogparts/topix/, 然後按一下「ブログバーツの作成」按扭 (圖3)。

(圖3)

4. 請在欄位上輸入你想加入的 RSS 網址, 然後將「利用規約に同意します。」的方格打勾, 再按一下「ブログバーツを作成」按扭。

(圖4)

5. 最後, 網頁會顯示出一段  JavaScript 的代碼, 請將欄位內的整段 JavaScript 代碼複製出來 (圖5)。

(圖5)

6. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但是 Windows Live Spaces 的用戶必須將代碼轉換成 ＜embed＞ 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~

其實在上述得到的 JavaScript 代碼中, 已包含了你的 RSS 網址, 利用這個 RSS 網址, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:

＜!-- YOURRSS.JP BLOGPARTS TopiX--＞
＜script src="http://yourrss.jp/blogparts/rssreader/yourrss_reader.php?u=http://camuschu.spaces.live.com/feed.rss" type="text/javascript"＞＜/script＞
＜!-- YOURRSS.JP BLOGPARTS TopiX--＞

http://camuschu.spaces.live.com/feed.rss 就是夜衫衫的 RSS 網址, 將這個 RSS 網址放入下面代碼中。

修改後為:

PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。

PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^

只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。

7. 以上就是將 TopiX 插件加入 Windows Live Spaces 的方法了; 按下來, 衫衫就跟大家討論一下, 到底是甚麼原因, 導至利用 SITEINFO 服務所制作的 RSS 貼紙及網上 RSS 閱讀器服務會在 Windows Live Spaces 上失效?

首先, 各位必須知道, 到底是甚麼 SITEINFO 服務; 若各位的瀏覽器是 I.E. 6.0 版本, 或是使用 FireFox 的話, 可以到 SITEINFO 的頁首 - http://yourrss.jp/blogparts/siteinfo/, 然後按一下這個按扭 (圖7)。

(圖7)

8. 按下後, 大家眼前一亮吧? 一個十分特別的即時網上 RSS 閱讀器就會開啟 (圖8), 左邊是多個大型網站的 RSS 貼紙, 右邊就是網站的文章, 點擊後即可直接開啟該文章。這個即時網上 RSS 閱讀器, 就是 SITEINFO 服務了。
PS: 如果各位的瀏覽器是 I.E. 7.0 版本, 或 FireFox 以外的瀏覽器, 則會無法顯示 RSS 閱讀器。

(圖8)

9. 要製作這個即時網上 RSS 閱讀器, 方法十分簡單, 只要到 SITEINFO 的頁首 - http://yourrss.jp/blogparts/siteinfo/, 按一下「ブログバーツの作成」按扭, 然後輸入網站的 RSS 網址, 再選擇你想顯示的貼紙, 最後按一下「ブログバーツを作成」按扭即可獲得對應的 JavaScript 代碼。

但是, 衫衫還是要再次重申, Windows Live Spaces 的用戶並不適合使用 SITEINFO 服務...

最主要的原因, 就是 Windows Live Spaces 的語法限制; 在 Windows Live Spaces 中, 可以正常加入帶有 SITEINFO 語法的貼紙的地方, 可說是完全沒有, 因為不管是每篇部落格內、Custom HTML 模塊、 HTML Sandbox 或 Sandbox gadget 也好, 全都不可使用帶有 JavaScript 的代碼...

可能有朋友會問, 先利用 HTML Sandbox 或 Sandbox gadget, 再配合 ＜iframe＞ 語法, 嵌入一個帶有 SITEINFO 語法的貼紙的 html 檔案, 這不就可以了嗎?

理論上是可以的, 但各位別忘記, SITEINFO 服務必須配合特定的瀏覽器才會有正確效果 (這是因為 SITEINFO 久未更新?), 而事實上, 自從 I.E. 7.0 推出以來, 夜衫衫亦已甚少看見有部落格或網站, 會使用 SITEINFO 服務了...

不過, 衫衫在網上搜尋相關資訊時, 在某討論區竟看見有人留言說, 用 I.E. 7.0 也可正常開啟 SITEINFO 即時網上 RSS 閱讀器, 不過該篇留言卻沒有說明相關設定, 而衫衫亦有留言查問, 結果該篇留言卻被刪除了...＞.＜

衫衫試過很多次不同的設定, 但也不成功 (真笨!), 所以如果各位高手真的成功了, 就請告之衫衫吧~ (衫衫真的期望有人可以告訴我, 如何用 I.E. 7.0 也可正常開啟 SITEINFO ...)
 

如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。
不清楚如何使用「引用通告」功能, 可參考這裡。