在 Windows Live Spaces 及部落格內加入飼養 BlogPet、cocoa island 及 Livly Island
自從上次介紹了如何將MeroMero 小水滴、SASURAI 謎の鳥、JellyFish puzzle 水母 及 Me² 網絡替身等網絡或部落格寵物放入 Windows Live Spaces 後, 夜衫衫在 Windows Live Messenger 及 Email 上, 被問及多次有關其他部落格寵物的問題, 其中大部份的, 也是針對如何申請、設定及轉換代碼的問題。
為甚麼要轉換代碼?
其實因為大部份的部落格寵物, 也只會提供 JavaScript 代碼, 無奈 Windows Live Spaces 是不支持的, 因此必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。
夜衫衫只好承認了, 知道上次是「偏心」了, 竟然沒去介紹其中三個熱門的部落格寵物, 分別是 BlogPet、cocoa island 及 Livly Island (因為當時夜衫衫沒有飼養這些啊~! >.<)
不過被人問得多, 自已除了也學會更多外, 也因此認識不少朋友, 這是最值得高興的事~ ^_^
好了, 少說話多做事, 現在就開始教學教程, 別再說夜衫衫「偏心」就是了~
不過在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
1. 如果你不清楚甚麼是部落格寵物, 可參考這裡。
2. 要在 Windows Live Spaces 內飼養任何部落格寵物, 最好是利用 HTML Sandbox 和 Sandbox 這兩個 gadget, 如果各位不清楚 Sandbox 這個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
3. 部份的部落格寵物功能眾多, 本教學無法一一說明, 因此只會指出申請方法及一些基本功能, 各位如有其他疑問, 歡迎留言。
BlogPet - 十分著名的日本 BlogPet, 至今已有超過兩年的歷史了, 對於熟識部落格寵物的朋友一定不會陌生。BlogPet 發展初期, 其實只有一款「兔」提供給用戶飼養, 不過因為用戶「反應」熱烈, 現在已有「狗」、「貓」、「熊貓」及「鼠」合共五款寵物了。BlogPet 除了可愛的造形吸引外, 用滑鼠點擊他的話, 他會說出你 Blog 裡的內容 (這方面和 MeroMero 小水滴 有點相似), 他亦可與其他的 BlogPet 做朋友, 用戶亦可為 BlogPet 設置不同的背景, 背景更支援 SWF 及 JPG 格式; 另外, 你的 BlogPet 更會不時在你的部落格上發文及回應, 可惜這功能只限定在某些日本部落格供應網站。
http://www.blogpet.net/
cocoa island - 以時間計算, cocoa island 和 BlogPet、MeroMero 小水滴 及 Livly Island 一樣, 也有差不多三年歷史; 在台灣, cocoa island 內裡那隻可愛的「生物」被稱作「小椰果」, 他的特別之處, 除了會不停四處「滾動」之外, 就是他的「房子」, 房子會隨著訪客的來訪而變大, 由最初的帳幕, 變成木屋, 再變成大屋、酒店, 甚至金字塔等, 概念相當有趣, 所以當訪客來到你的 cocoa island 留言時, 很多時也會以一句「送木頭」的短訊留言, 意思就是幫助你蓋「房子」, 當然也希望你「回禮」啦~
http://www.c-island.jp/index.cgi
Livly Island - Livly Island 是由日本 So-net Entertainment Corporation 所開發的一款在線遊戲, 遊戲內有多款不同造形的 Livly, 用戶領養了 Livly 後, 也會有一個私人的島; 而每隻 Livly 各自也有不同的能力值, 更附有升級制度, 升級後的 Livly 可學會新技能, 隨著 Livly 不斷升級, 用戶更可以與其他 Livly 組隊打怪 (這根本就是 Online Game >.<) ; 另外, 在 Livly 的世界是需要 "dd" (Livly 世界的貨幣) 去買東西、食物、飾物等, 而最初獲得 "dd" 的方法, 就是靠你的 Livly 「生」出來 (也可以說是「恩」出來...^^); 另外, 你的 Livly 除了會因欠缺餵飼而「餓」死外, 亦會有一個「緊張度」, 當緊張度為 100 時, 它就會離你而去~! (要消除緊張度, 就要多帶你的 Livly 到處遊玩~); 另一方面, 每逢一些特別日子, Livly Island 也會推出一些限量特別 Livly 以供領養, 例如甚麼 2004 年萬聖節限定、2005 年新年限定等等 (Sony 的一向手法 ^^), 這些限量特別 Livly, 過了時限就不能再申請, 各位有興趣的就要定時留意官方報導~ 補充一點, 其實在近幾年時間, 不論在國內、香港或台灣, 也有不少人在玩 Livly Island (玩 Livly Island 基本上和部落格無關), 所以網上已有不少 Livly Island 的網站、論壇等, 內有十分詳盡的教學, 其中 Livly 謎樂園論壇內就有不少新手教學, 各位有興趣的就不妨瀏覽一下。
Livly 謎樂園論壇 - http://bbs.ljkl8mklmo.com/index.php
Livly Island 官方網站 - http://www.livly.com
申請領養 BlogPet 及加入在 Windows Live Spaces 的方法:
1. 先到 BlogPet 網站 - http://www.blogpet.net/, 按一下「BlogPetを飼う」(圖1)。
(圖1)
2. 在利用規約的頁面上, 選擇「同意する」的選項, 然後按一下「次へ進む」按扭 (圖2)。
(圖2)
3. 選擇你想飼養的 BlogPet, 然後按一下「次へ進む」按扭 (圖3)。
(圖3)
4. 請根據 (圖4) 的指示, 填上各項資料, 然後按一下「次へ進む」按扭。
(圖4)
5. 然後系統會要你再確認所有的資料 (圖5), 一切確認後, 請按一下「次へ進む」按扭。
(圖5)
6. 當看到以下畫面 (圖6), 即代表你已成功登記 BlogPet 帳號。
(圖6)
7. 這時候, 你會收到一封由 BlogPet 寄出的認電郵件 (圖7), 開啟郵件後, 內裡包含除了有你的 BlogPet 帳號密碼外, 更有一個啟動帳號連結, 請點選這連結。
PS: 如果郵件內容變成亂碼, 請將編碼方法改為「日文 (自動選擇)」。
(圖7)
8. 當點選連結後, 網頁會自動開啓帳號確認頁, 請按一下「登錄反映」按扭 (圖8)。
(圖8)
9. 當看到以下畫面 (圖9), 即代表你已成功確認 BlogPet 帳號並領養 BlogPet。請按一下「卜ップぺージ」連結回到 BlogPet 頁首。
(圖9)
10. 回到 BlogPet 頁首後, 請輸入你的帳號名稱及密碼, 然後按一下「ログイソ」按扭登入網站 (圖10)。
(圖10)
11. 首次登入網站, 用戶必須填上自己部落格的網址 (圖11), 完成後請按一下「進む」按扭。
(圖11)
12. 然後系統會自動偵查你部落格的 RSS 網址, 請小心檢查有沒有錯誤, 然後按一下「登錄」按扭 (圖12)。
PS: RSS 網址錯誤會導至你的 BlogPet 不能說出你的 Blog 內容。
(圖12)
13. 當看到以下畫面 (圖13), 即代表你已成功登錄 BlogPet 帳號並設定你的部落格。請按一下「今すぐBlogPetをブログに設置する」按扭獲取代碼。
(圖13)
14. 這時候網頁會顯示出 JavaScript 代碼, 請將欄位內的整段代碼複製出來。(圖14)
(圖14)
15. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但上述已提到了, Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~
其實在上述得到的 JavaScript 代碼中, 已包含了你的帳號 ID, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/0ff1e2adcd72b8f70d7854d382beff8d.js" charset="UTF-8"></script>
0ff1e2adcd72b8f70d7854d382beff8d 就是夜衫衫的帳號 ID, 將這個帳號 ID 放入下面代碼中。
修改後為:
<p align="center"><embed src=http://www.blogpet.net/usa.swf?username=你的帳號 ID&tseconds width=130 height=200></embed>
PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖15)。
(圖15)
16. 預覽一下結果, 發現 BlogPet 已成功安裝在你的 Space 上了~ (圖16)
(圖16)
17. 甚麼? 你看到夜衫衫的 BlogPet 有背景, 但你卻沒有? 慢慢來別心急, 只要登入 BlogPet 網頁, 先按一下「設定」, 然後按一下「ぺット」(圖17)。
(圖17)
18. 在這裡, 各位可以按照下圖 (圖18) 指示, 更改你的 BlogPet 背景圖, 甚至自訂背景圖, 背景圖支援 JPG 或 SWF 格式; 另外, 各位亦可以在這裡更改你 BlogPet 的名稱及填上你的 BlogPet 簡介, 令你的訪客可以更了解你的 BlogPet。任何設定修改後, 記得按一下「設定」按扭儲存你的修改。
|
 (圖18) |
19. 甚麼? 你不喜歡系统預設的背景圖? 其實在日本, 已經有很多人為 BlogPet 設計了很多漂亮的背景圖, 供人免費下載, 在網上搜尋一下即可找到, 夜衫衫就列出部份網址以作參考, 當然你也可以自行製作~
http://www.geocities.jp/monbikke/stage.html
http://aquaheart.seesaa.net/
http://tatsu13.269g.net/
http://www.onlingame.sakura.ne.jp/blogpet/
下載了 JPG 或 SWF 檔後, 找個網上空間存放, 然後在 (圖18) 的「背景画像のURL」欄位上填上檔案路徑即可將你的 BlogPet 加入不同背景圖。
另外, 因為修改後代碼的格式, 十分適合利用 Windows Live Spaces 的新功能 - 內嵌視訊, 所以若各位不想在 Sandbox gadget 內加入 BlogPet, 可以試試直接在部落格內加入啊!! (圖19) 在本教學的頂部, 就是利用內嵌視訊的方法來加入夜衫衫的 BlogPet。
PS: 內嵌視訊 - 這是在剛過去的一月份, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
注意: 不過各位要注意, 若果將 BlogPet 直接放在部落格內, Windows Live Spaces 會因為安全理由而禁止執行某些動作 (這是因為文章語法過濾器, 會為所有 SWF 檔案加上 "allowscriptacess=never" 語法)。 因此各位在使用及測試時, 建議使用 HTML Sandbox 或 Sandbox 隨便一個 gadget。
(圖19)
至於 BlogPet 的其他功能例如加入朋友, 在 BlogPet 網站上的 FAQ 已有說明 (網址 - http://www.blogpet.net/help.php?h_id=35), 雖然是日文, 但相信大家憑「看圖」也會明白, 想試試的話就加入夜衫衫吧 (笑); 其他功能夜衫衫就不作詳述了, 各位有問題的話就留言吧。
申請領養 cocoa island 及加入在 Windows Live Spaces 的方法:
1. 先到 cocoa island 網站 - http://www.c-island.jp/index.cgi, 按一下「新規登錄」(圖1)。
(圖1)
2. 在利用規約的頁面上, 填上你的電郵地址, 然後按一下「利用規約に同意する」按扭 (圖2)。
(圖2)
3. 當看到以下畫面 (圖3), 即代表你已成功登記 cocoa island 帳號。
(圖3)
4. 這時候, 你會收到一封由 cocoa island 寄出的認電郵件 (圖4), 開啟郵件後, 內裡包含一個啟動帳號連結, 請點選這連結。
PS: 如果郵件內容變成亂碼, 請將編碼方法改為「日文 (自動選擇)」。
(圖4)
5. 啓動你的帳號後, 即可設定你的個人資訊, 請根據 (圖5) 的指示, 填上各項資料, 然後按一下「登錄」按扭。
(圖5)
6. 看到「登錄しました」字句 (圖6), 即代表你已成功登錄你的 cocoa island 帳號, 請按一下「ログインする」回到 cocoa island 頁首。
(圖6)
7. 回到 cocoa island 頁首後, 請輸入你的帳號名稱及密碼, 然後按一下「ログイン」按扭登入 cocoa island 網站 (圖7)。
(圖7)
8. 登入後, 按一下左下的「ブログアクセサリーとしても利用できます!」圖示獲取代碼 (圖8)。
(圖8)
9. 這時候網頁會顯示出兩段代碼, 分別是 JavaScript 代碼, 及 Yahoo!博客和 Wiki 專用的代碼, 雖然兩段代碼也不適合 Windows Live Spaces 用戶直接使用, 但也請將欄位內整段 JavaScript 的代碼複製出來 (圖9)。
(圖9)
10. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但上述已提到了, Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~
其實在上述得到的 JavaScript 代碼中, 已包含了你的帳號 ID, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:
<script type="text/javascript" src="http://www.c-island.jp/counter/camuschu.js"></script>
camuschu 就是夜衫衫的帳號 ID, 將這個帳號 ID 放入下面代碼中。
修改後為:
<p align="center"><embed name="cocoa" src="http://www.c-island.jp/flash/counter.swf" quality="high" flashvars="id_value=你的帳號 ID" wmode="transparent" width="160" height="230" swliveconnect="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖10)。
(圖10)
11. 預覽一下結果, 發現 cocoa island「小椰果」已成功安裝在你的 Space 上了~ (圖11)
(圖11)
12. 和 BlogPet 相同情況, 因為修改後代碼的格式, 十分適合利用 Windows Live Spaces 的新功能 - 內嵌視訊, 所以若各位不想在 Sandbox gadget 內加入 cocoa island, 可以試試直接在部落格內加入啊!! (圖12) 在本教學的頂部, 就是利用內嵌視訊的方法來加入夜衫衫的 cocoa island。
PS: 內嵌視訊 - 這是在剛過去的一月份, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
注意: 不過各位要注意, 若果將 cocoa island 直接放在部落格內, Windows Live Spaces 會因為安全理由而禁止執行某些動作 (這是因為文章語法過濾器, 會為所有 SWF 檔案加上 "allowscriptacess=never" 語法)。 因此各位在使用及測試時, 建議使用 HTML Sandbox 或 Sandbox 隨便一個 gadget。
(圖12)
13. 另外, 各位若果登入 cocoa island 網站後, 經常也會看到 cocoa island 的廣告跳出來, 頗為煩人, 其實只要將「次回以降はこの告知を表示しない。」選項打勾 (圖13), 再按下「マイぺージへ戾る」按扭, 已後該廣告即不會再出現。
(圖13)
14. 最後, 也是時候說明登入 cocoa island 網站後, 一些基本功能~
島を步く - 隨機瀏覽其他用戶的 cocoa island。
漂流日誌 - 查看留言板。
ブロフィール - 更改你的個人資訊或「小椰果」的居住環境。
ミニメール - 系統電郵功能。
サイト‧ブログ - 瀏覽主人的部落格。
アクセス - 顯示共有多少人曾經到訪你的 cocoa island。
(圖14)
基本上, 各位現在也應該明白這個 cocoa island 是甚麼玩意了, 下次瀏覽別人的 cocoa island 時, 記得按下漂流日誌信箱, 留言「送塊木頭」表示心意吧 ^_^。
申請領養 Livly Island 及加入在 Windows Live Spaces 的方法:
1. 先到 Livly Island 網站 - http://www.livly.com, 按一下「リヴリーを飼う」(圖1)。
(圖1)
2. 在利用規約的頁面上, 按一下「同意する」按扭 (圖2)。
(圖2)
3. 然後就是選擇你的 Livly 了 (圖3)。
(圖3)
4. 選擇你的 Livly 後, 請根據 (圖4) 的指示, 填上各項資料, 然後按一下「O.K > 入力確認ぺージヘ」。
PS: 在填上各項資料時, 各位必須留意電郵地址一欄, 因為 Livly Island 是不接收 @hotmail.com、@msn.com 或 @yahoo.com 等電郵帳號的申請。(不過 Gmail 卻可以)
另外, 如果按下「O.K > 入力確認ぺージヘ」後, 出現以下日文時, 請各位也多加留意:
．は利用できません。
代表輸入的名稱已經被使用。
．「xxx」は他のユーザが使用しているので登録できません。
代表「」內輸入的名稱已經被使用。
．に使用できない文字が含まれています。
代表名稱中含有不能使用的文字 (或符號)。
|
 (圖4) |
5. 然後系統會要你再確認所有的資料 , 一切確認後, 請按一下「O.K. > 登錄完了」(圖5)。
(圖5)
6. 當看到以下畫面 (圖6), 即代表你已成功登記 Livly Island 帳號。
(圖6)
7. 這時候, 你會收到一封由 Livly Island 寄出的認電郵件 (圖7), 開啟郵件後, 內裡包含一個啟動帳號連結, 請點選這連結。
PS: 如果郵件內容變成亂碼, 請將編碼方法改為「日文 (自動選擇)」。
(圖7)
8. 啓動你的帳號後, 網頁會自動顯示並要求設定你的帳號密碼, 設定後, 請按一下「O.K.」按扭 (圖8)。
(圖8)
9. 然後系統會確認你的帳號資料 (圖9), 一切確認後, 請按一下「OK」按扭。
(圖9)
10. 這時候, 已可看到你的 Livly 在島上活動 (圖10), 證明申請過程成功了, 現在你已可以和你的 Livly 在 Livly Island 上進行各式各樣的活動。
(圖10)
11. 要將你的 Livly 放在部落格內, 請點選一下「Livly Book / Open」(圖11)。
(圖11)
12. 然後網頁會顯示你的 Livly Book 內容, 請點選一下右上方「Others」(圖12)。
(圖12)
13. 先在左邊選擇「ブログウィンドウの設定」, 然後網頁會右邊顯示代碼, 請將整段代碼複製出來。 (圖13)
(圖13)
14. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但上述已提到了, Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~
其實在上述得到的 JavaScript 代碼中, 已包含了你的「帳號 ID」及「主機編號」, 利用這個「帳號 ID」及「主機編號」, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:
<script language="JavaScript" src="http://www.livly.com/b.php?uid=43Un&s=4"></script>
43Un 就是夜衫衫的帳號 ID。
4 就是夜衫衫的主機編號。
各位要留意, 帳號 ID 是有大小寫的分別的, 千萬別弄錯; 另外, 主機編號必須為雙位數字才有效, 例如:
4 就是 JavaScript 代碼中夜衫衫的主機編號, 但因機編號必須為雙位數字才有效, 所以會在個位數字前加上一個 "0", 而修改後的主機編號就是 04; 如果你的 JavaScript 代碼中, 主機編號已經是雙位數字, 則不用修改。
然後再將這個帳號 ID 及主機編號放入下面代碼中。
修改後為:
<p align="center"><embed src=http://www.livly.com/livly.swf?roomID=帳號 ID&siteIP=island主機編號.livly.com width="180" height="180" bgcolor="#ffffff"></embed>
PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖14)。
(圖14)
15. 預覽一下結果, 發現 Livly 已成功安裝在你的 Space 上了~ (圖15)
(圖15)
16. 另外, 因為修改後代碼的格式, 十分適合利用 Windows Live Spaces 的新功能 - 內嵌視訊, 所以若各位不想在 Sandbox gadget 內加入 Livly, 可以試試直接在部落格內加入啊!! (圖16) 在本教學的頂部, 就是利用內嵌視訊的方法來加入夜衫衫的 Livly。
PS: 內嵌視訊 - 這是在剛過去的一月份, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
注意: 不過各位要注意, 若果將 Livly Island 直接放在部落格內, Windows Live Spaces 會因為安全理由而禁止執行某些動作 (這是因為文章語法過濾器, 會為所有 SWF 檔案加上 "allowscriptacess=never" 語法)。 因此各位在使用及測試時, 建議使用 HTML Sandbox 或 Sandbox 隨便一個 gadget。
(圖16)
17. 至於有關 Livly Island 的教學及說明, 各位可到「Livly 謎樂園論壇」專區, 內裡設有如何飼養、成長過程、如何裝飾、升級打怪等詳盡教學, 各位不用害怕不懂日文。
Tools 
