衫衫's profile夜♋衫衫工作室™PhotosBlogListsMore  |  Tools Help |
|
February 19 在 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. 先到 BlogPet 網站 - http://www.blogpet.net/, 按一下「BlogPetを飼う」(圖1)。
2. 在利用規約的頁面上, 選擇「同意する」的選項, 然後按一下「次へ進む」按扭 (圖2)。
3. 選擇你想飼養的 BlogPet, 然後按一下「次へ進む」按扭 (圖3)。
4. 請根據 (圖4) 的指示, 填上各項資料, 然後按一下「次へ進む」按扭。
5. 然後系統會要你再確認所有的資料 (圖5), 一切確認後, 請按一下「次へ進む」按扭。
6. 當看到以下畫面 (圖6), 即代表你已成功登記 BlogPet 帳號。
7. 這時候, 你會收到一封由 BlogPet 寄出的確認電子郵件 (圖7),
開啟郵件後, 內裡包含除了有你的 BlogPet
帳號密碼外, 更有一個啟動帳號鏈結, 請點選這鏈結。
8. 當點選鏈結後, 網頁會自動開啓帳號確認頁, 請按一下「登錄反映」按扭 (圖8)。
9. 當看到以下畫面 (圖9), 即代表你已成功確認 BlogPet 帳號並領養 BlogPet。請按一下「卜ップぺージ」鏈結回到 BlogPet 頁首。
10. 回到 BlogPet 頁首後, 請輸入你的帳號名稱及密碼, 然後按一下「ログイン」按扭登入網站 (圖10)。
11. 首次登入網站, 用戶必須填上自己部落格的網址 (圖11), 完成後請按一下「進む」按扭。
12. 然後系統會自動偵查你部落格的 RSS 網址, 請小心檢查有沒有錯誤, 然後按一下「登錄」按扭 (圖12)。
13. 當看到以下畫面 (圖13), 即代表你已成功登錄 BlogPet 帳號並設定你的部落格。請按一下「今すぐBlogPetをブログに設置する」按扭獲取代碼。
14. 這時候網頁會顯示出 JavaScript 代碼, 請將欄位內的整段代碼複製出來。(圖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 放入下面代碼中。 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^ 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox gadget 內, 再按一下「Save」按扭 (圖15)。
16. 預覽一下結果, 發現 BlogPet 已成功安裝在你的 Space 上了~ (圖16)
17. 甚麼? 你看到夜衫衫的 BlogPet 有背景, 但你卻沒有? 慢慢來別心急, 只要登入 BlogPet 網頁, 先按一下「設定」, 然後按一下「ぺット」(圖17)。
18. 在這裡, 各位可以按照下圖 (圖18) 指示, 更改你的 BlogPet 背景圖, 甚至自訂背景圖, 背景圖支援 JPG 或 SWF 格式; 另外, 各位亦可以在這裡更改你 BlogPet 的名稱及填上你的 BlogPet 簡介, 令你的訪客可以更了解你的 BlogPet。任何設定修改後, 記得按一下「設定」按扭儲存你的修改。
(圖18) 19. 甚麼? 你不喜歡系统預設的背景圖? 其實在日本, 已經有很多人為 BlogPet 設計了很多漂亮的背景圖, 供人免費下載, 在網上搜尋一下即可找到, 夜衫衫就列出部份網址以作參考, 當然你也可以自行製作~ http://www.onlingame.sakura.ne.jp/blogpet/ 下載了 JPG 或 SWF 檔後, 找個網上空間存放, 然後在 (圖18) 的「背景画像のURL」欄位上填上檔案路徑即可將你的 BlogPet 加入不同背景圖。 另外, 因為修改後代碼的格式, 亦可以利用內嵌影片功能, 直接放在部落格內, 所以若各位不想在 Sandbox gadget 內加入 BlogPet, 可以試試直接在部落格內加入啊!! (圖19) 在本教學的頂部, 就是利用內嵌影片的方法來加入衫衫的 BlogPet 了。 注意: 不過各位要注意, 若果將 BlogPet 直接放在部落格內, Windows Live Spaces 會因為安全理由而禁止執行某些動作 (這是因為文章語法過濾器, 會為所有 SWF 檔案加上 "allowscriptacess=never" 語法)。 因此各位在使用及測試時, 建議使用 HTML Sandbox 或 Sandbox gadget。
至於 BlogPet 的其他功能例如加入朋友, 在 BlogPet 網站上的 FAQ 已有說明 (網址 - http://www.blogpet.net/help.php?h_id=35), 雖然是日文, 但相信大家憑「看圖」也會明白, 想試試的話就加入夜衫衫吧 (笑); 其他功能夜衫衫就不作詳述了, 各位有問題的話就留言吧。
1. 先到 cocoa island 網站 - http://www.c-island.jp/index.cgi, 按一下「 新規登錄」(圖1)。
2. 在利用規約的頁面上, 填上你的電郵地址, 然後按一下「利用規約に同意する」按扭 (圖2)。
3. 當看到以下畫面 (圖3), 即代表你已成功登記 cocoa island 帳號。
4. 這時候, 你會收到一封由 cocoa island 寄出的確認電子郵件 (圖4),
開啟郵件後, 內裡包含一個啟動帳號鏈結, 請點選這鏈結。
5. 啓動你的帳號後, 即可設定你的個人資訊, 請根據 (圖5) 的指示, 填上各項資料, 然後按一下「登錄」按扭。
6. 看到「登錄しました」字句 (圖6), 即代表你已成功登錄你的 cocoa island 帳號, 請按一下「ログインする」回到 cocoa island 頁首。
7. 回到 cocoa island 頁首後, 請輸入你的帳號名稱及密碼, 然後按一下「ログイン」按扭登入 cocoa island 網站 (圖7)。
8. 登入後, 按一下左下的「ブログアクセサリーとしても利用できます!」圖示獲取代碼 (圖8)。
9. 這時候網頁會顯示出兩段代碼, 分別是 JavaScript 代碼, 及 Yahoo!博客和 Wiki 專用的代碼, 雖然兩段代碼也不適合 Windows Live Spaces 用戶直接使用, 但也請將欄位內整段 JavaScript 的代碼複製出來 (圖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 放入下面代碼中。 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^ 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox gadget 內, 再按一下「Save」按扭 (圖10)。
11. 預覽一下結果, 發現 cocoa island「小椰果」已成功安裝在你的 Space 上了~ (圖11)
12. 和 BlogPet 相同情況, 因為修改後代碼的格式, 亦可以利用內嵌影片功能, 直接放在部落格內, 所以若各位不想在 Sandbox gadget 內加入 cocoa island, 可以試試直接在部落格內加入啊!! (圖12) 在本教學的頂部, 就是利用內嵌影片的方法來加入夜衫衫的 cocoa island 了。 注意: 不過各位要注意, 若果將 cocoa island 直接放在部落格內, Windows Live Spaces 會因為安全理由而禁止執行某些動作 (這是因為文章語法過濾器, 會為所有 SWF 檔案加上 "allowscriptacess=never" 語法)。 因此各位在使用及測試時, 建議使用 HTML Sandbox 或 Sandbox gadget。
13. 最後, 也是時候說明登入 cocoa island 網站後, 一些基本功能~ 島を步く - 隨機瀏覽其他用戶的
cocoa island。
基本上, 各位現在也應該明白這個
cocoa island 是甚麼玩意了, 下次瀏覽別人的
cocoa island 時, 記得按下漂流日誌信箱, 留言「送塊木頭」表示心意吧 ^_^。 1. 先到 Livly Island 網站 - http://www.livly.com, 按一下「 リヴリーを飼う」(圖1)。
2. 在利用規約的頁面上, 按一下「同意する」按扭 (圖2)。
3. 然後就是選擇你的 Livly 了 (圖3)。
4. 選擇你的 Livly 後, 請根據 (圖4) 的指示, 填上各項資料, 然後按一下「O.K ＞ 入力確認ぺージヘ」。 ．は利用できません。 ．「xxx」は他のユーザが使用しているので登録できません。 ．に使用できない文字が含まれています。
(圖4) 5. 然後系統會要你再確認所有的資料 , 一切確認後, 請按一下「O.K. ＞ 登錄完了」(圖5)。
6. 當看到以下畫面 (圖6), 即代表你已成功登記 Livly Island 帳號。
7. 這時候, 你會收到一封由 Livly Island 寄出的確認電子郵件 (圖7),
開啟郵件後, 內裡包含一個啟動帳號鏈結, 請點選這鏈結。
8. 啓動你的帳號後, 網頁會自動顯示並要求設定你的帳號密碼, 設定後, 請按一下「O.K.」按扭 (圖8)。
9. 然後系統會確認你的帳號資料 (圖9), 一切確認後, 請按一下「OK」按扭。
10. 這時候, 已可看到你的 Livly 在島上活動 (圖10), 證明申請過程成功了, 現在你已可以和你的 Livly 在 Livly Island 上進行各式各樣的活動。
11. 要將你的 Livly 放在部落格內, 請點選一下「Livly Book / Open」(圖11)。
12. 然後網頁會顯示你的 Livly Book 內容, 請點選一下右上方「Others」(圖12)。
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。 各位要留意, 帳號 ID 是有大小寫的分別的, 千萬別弄錯; 另外, 主機編號必須為雙位數字才有效, 例如: 4 就是 JavaScript 代碼中夜衫衫的主機編號, 但因機編號必須為雙位數字才有效, 所以會在個位數字前加上一個 "0", 而修改後的主機編號就是 04; 如果你的 JavaScript 代碼中, 主機編號已經是雙位數字, 則不用修改。 然後再將這個帳號 ID 及主機編號放入下面代碼中。 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^ 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox gadget 內, 再按一下「Save」按扭 (圖14)。
15. 預覽一下結果, 發現 Livly 已成功安裝在你的 Space 上了~ (圖15)
16. 另外, 因為修改後代碼的格式, 亦可以利用內嵌影片功能, 直接放在部落格內, 所以若各位不想在 Sandbox gadget 內加入 Livly, 可以試試直接在部落格內加入啊!! (圖16) 在本教學的頂部, 就是利用內嵌影片的方法來加入夜衫衫的 Livly 了。 注意: 不過各位要注意, 若果將 Livly Island 直接放在部落格內, Windows Live Spaces 會因為安全理由而禁止執行某些動作 (這是因為文章語法過濾器, 會為所有 SWF 檔案加上 "allowscriptacess=never" 語法)。 因此各位在使用及測試時, 建議使用 HTML Sandbox 或 Sandbox gadget。
17. 至於有關 Livly Island 的教學及說明, 各位可到「Livly 謎樂園論壇」專區, 內裡設有如何飼養、成長過程、如何裝飾、升級打怪等詳盡教學, 各位不用害怕不懂日文。 編寫這編教學, 最重要的是轉換代碼, 其實轉換代碼的方法也不過是夜衫衫開啟了那些 JavaScript 檔案自行研究, 再測試直至成功, 各位也可以自己試試~ 而這一次的教學, 有一半可以算是「懷舊教學」吧? 畢境上述三款部落格寵物也推出了近三年時間, 對於如何飼養, 夜衫衫卻是個初哥啊~! 不過夜衫衫相信, 對於其他
Windows Live Spaces
的用戶來說, 上述三款玩意也是新鮮的, 所以才花時間編寫, 各位如果有遇上任何問題, 就留言吧, 夜衫衫也是時候開始學習如何「玩」這三隻寵物了~
發佈這編教學教程正好是大年初二 (但編寫這編教學卻用了三天 ＞.＜), 祝大家身體健康、萬事勝意、恭喜發財^^
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 Comments (60)
Trackbacks (2)The trackback URL for this entry is: http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!1459.trak Weblogs that reference this entry
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
