|
|
2007/4/18
引述
在 Windows Live Spaces 及部落格內加入 ぽすぴ (POSPI) 插件
日本郵政公社 - http://www.japanpost.jp/ 竟然也會推出網上 Blog 玩意!? 所以有時候, 夜衫衫也不得不佩服日本人的新奇創意~
衫衫從一位日本的網友對話上得知, 原來日本郵政公社一直以來也有不定期的推出一些活動或服務, 例如「紙の郵便局」及「フレーム切手 (切手 SHOP)」等, 不過一般來說都是要收費的; 但這一次推出的 ぽすぴ Blog 插件, 則屬免費, 因為其目的是為了宣傳收費的「フレーム切手」...(真會做生意~)
PS:「フレーム切手」的意思, 簡單來說就是假設你有喜歡的相片, 只要願意付款, 郵便局便會將相片制作成真實的郵票~
日本郵便局官方網站 - http://www.yuubinkyoku.com/
ぽすぴ Blog 插件官方網站 - http://kitte-shop.heteml.jp/
PS: 衫衫的日文和英文也不好, 跟該位網友的 Messenger 上的對話弄得啼笑皆飛~! 所以若有誤解的話, 請各位見諒 ^_^
既然 ぽすぴ 插件是免費的, 衫衫當然願意一試 (衫衫貪小便宜的性格表露無遺~ ><)
|
ぽすぴ Blog 插件
|
|
|
|
介紹: 用戶可以上傳一張相片, 並填上部落格的名稱及網址, 相片會變成郵票, 並於 ぽすぴ Blog 插件上和其他郵票自動不停輪播, 訪客只要用滑鼠在郵票上停留, 即會顯示該部落格的名稱及網址, 點擊的話更可直接瀏覽該網址。
注意: 因為 Windows Live Spaces 部落格的限制, 各位用滑鼠點擊上面 ぽすぴ Blog 插件上的所有連結也會失效! 要測試 ぽすぴ Blog 插件插件的真正功能, 請使用在夜衫衫的 HTML Sandbox 內裡的 ぽすぴ Blog 插件。 |
注意:
(一) 本教學會有機會利用到 HTML Sandbox 和 Sandbox 這兩個 gadget, 如果各位不清楚兩個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
(二) 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
(三) 以下的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
在 Windows Live Spaces 及部落格內加入ぽすぴ 插件的方法:
1. 要將自已的部落格加入在這個 ぽすぴ Blog 插件上, 請先到 ぽすぴ 網站 - http://kitte-shop.heteml.jp/, 然後按一下「參加する」按扭 (圖1)。
 (圖1)
2. 然後請按一下「写真アッブロードする」按扭, 並選擇一張你想成為郵票的相片 (圖2)。
 (圖2)
3. 相片上傳後, 分別會有三種不同型式的郵票外框以供選擇, 請選擇其中一款 (圖3)。
 (圖3)
4. 然後請輸入部落格的名稱及網址, 輸入後請按一下「この內容で参加する」按扭 (圖4)。
 (圖4)
5. 看到以下的畫面, 即代表已成功將相片及部落格的資料, 加入到 ぽすぴ Blog 插件上, 最後請按一下「ぽすぴの使い方」按扭獲取插件代碼 (圖5)。
 (圖5)
6. 這樣網頁就會顯示出 ぽすぴ Blog 插件的代碼 (圖6), 若各位的部落格支持 JavaScript 代碼, 直複製代碼使用即可; 但是 Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。
 (圖6)
各位 Windows Live Spaces 的用戶, 夜衫衫已將代碼轉換, 各位只要直接複製代碼放入部落格內即可~
<embed src="http://kitte-shop.heteml.jp/flash/ticker/ticker.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="160" height="240" name="posupi" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"/></embed>
PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
編寫這篇 ぽすぴ Blog 插件教學之時, 不禁令衫衫想起, 自從 Email 出現後, 已有多年沒有使用郵票寄信了; 而小時候經曾的集票習慣亦失去了...>.< 但傳統書信始終不可被完全取代, 因為相信大家也不能否定, 當收到一封對方親筆書寄出的信時, 肯定比起收到對方十個的電子郵件更有親切感~ ^_^
感謝衫衫提供 2007/4/17
慈善最樂~ 不甘後人~ 大家齊來種植部落格植物 - 利樂守護樹!
這個是由利樂台灣 - Tetra Pak 所推出的慈善活動, 只要每人在 Blog 上種植一棵利樂守護樹, 利樂公司就會捐出一塊錢 (台幣), 作為守護地球自然資源基金, 這樣既有趣又有意義的活動, 希望大家也努力支持啊~
| 守謢串聯貼紙
| 利樂守護樹
|
|
|
 ~大家齊來支持環保~
↑這樣有意義的活動, 即使衫衫不是台灣人也全力支持 ^_^↑ |
注意:
(一) 本教學會有機會利用到 HTML Sandbox 和 Sandbox 這兩個 gadget, 如果各位不清楚 Sandbox 這個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
(二) 近日, 有部份使用 Windows Live Spaces 的朋友, 遇上了 HTML Sandbox 及 Sandbox 無法編輯的問題, 因暫時尚未找到 100% 解決方法, 各位在使用時請多加留意, 並自行承擔責任及風險; 萬一不幸真的遇上上述問題, 請參考以下文章, 希望可以解決方法:
http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!1570.entry
要種植利樂守護樹的方法十分簡單, 只要依從以下步驟即可~
申請 利樂守護樹 及加入在 Windows Live Spaces 的方法:
1. 先到利樂守護樹網站 - http://www.tetrapak.com.tw/campaign/07earthday/index.asp, 按一下「我要領守護樹苗」圖示 (圖1)。
 (圖1)
2. 各位若要種植利樂守護樹, 便要先申請一個樂樂網站會員帳號, 請按一下「立即参加」按扭 (圖2)。
 (圖2)
3. 然後在跳出來的視窗中, 請根據指示, 輸入你的個人資料, 然後按一下「確定送出」按扭 (圖3)。
 (圖3)
4. 成功申請會員帳號後, 網頁會跳回網站頁首, 各位可以先按一下「我要領守護樹苗」圖示, 再輸入帳號名稱及密碼, 最後按一下「送出」按扭 (圖4)。
 (圖4)
5. 然後各位就可以選擇樹種、背景及小動物了, 選擇後按一下「next」圖示 (圖5)。
 (圖5)
6. 接下來就可以利用畫面上的兩個箭頭, 控制地球旋轉, 選擇你想種植的地方, 選擇後請按一下「確認」按扭來種植你的守護樹 (圖6)。
 (圖6)
7. 這時候, 網頁就會顯示出 "灌溉小幫手" 的 4 項灌溉要點, 各位已後可以根據這些要點種植你的守護樹; 要將守護樹放入部落格內, 可以按一下「貼到我的部落格」按扭 (圖7)。
 (圖7)
8. 這樣網頁就會顯示出守謢串聯貼紙及守護樹的語法 (圖8), 各位只要將部落格小工具上的第二個欄位上所顯示的整段 <embed> 嵌入式語法複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內; 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
 (圖8)
做善事~ 莫遲宜~ 各位有善心的朋友, 請將這訊息傳開去, 也請各位多多支持這樣既有趣又有意義的話動~! ^_^ 2007/4/16
在 Windows Live Spaces 及部落格內飼養 TagaPie (寵物派)
已前衫衫已介紹過 Me² 網絡替身、166Blog BB 狗及 doll-doll (多多) 這些會說中文的部落格寵物, 如果各位還不喜歡的話, 衫衫再介紹一款給各位如何? 它就是 TagaPie (寵物派) , 因為整個系統也是使用繁體中文, 相信中、港、台的朋友也會更有親切感吧?
 「我們可是打正旗號的中文部落格寵物啊~!」
 去年 10 月才推出的 TagaPie 寵物派, 相信現在已有不少朋友在玩吧? 這個被稱為「中文版的 Livly Island」, 是由台灣 PC Home Online 所推出的部落格寵物, 至今快將有一萬名會員了~ TagaPie 寵物派 的玩法, 的確非常接近 Livly Island, 在 TagaPie 的世界裡, 是需要 "TD" (TagaPie 世界的貨幣) 去買東西、食物、飾物等, 而最初獲得 "TD" 的方法, 就是靠你的 TagaPie「噴」出來 (也可到處拾到的), 而各 TagaPie 的主人, 也會有一個房間 (石窟), 這就是 TagaPie 居住的地方了, (有錢的話可買多個房間, 每個房間內可飼養一隻 TagaPie), 而每個房間內亦設有留言版, 訪客可以互相留言問好; 遊戲內有多款不同造形的 TagaPie, 每隻 TagaPie 各自也有不同的能力值, 更附有升級制度, 升級後的 TagaPie 可以學會新的超能力, TagaPie 會隨著主人的不同飼料, 加上不斷升級, TagaPie 的動作、外型及顏色也會改變; 另外, 各 TagaPie 之間也可以成為好友 (這已是近來的熱門功能~), 各好友會顯示在自已的好友列表中~ 當然, TagaPie 還有一個吸引之處, 就是主人可以幫寵物佈置它的家, 這也是 TagaPie 的另一特色~ 可惜官方網站只提供 JavaScript 代碼, Windows Live Spaces 的用戶必須先將 JavaScript 代碼改成 <embed> 嵌入式代碼, 才可以放在自己的 Space 中。
TagaPie 寵物派官方網站 - http://www.tagapie.com.tw
 「衫衫終於介紹我們了~」  「聽說衫衫最近也很忙...」
 「忙甚麼? 我才不信~ >.<」
衫衫:「...」
申請和飼養 TagaPie 的方法, 在官方網站上已有詳細說明, 所以夜衫衫就不作詳述了; 不過因為官方網站只提供 JavaScript 代碼, 因此衫衫會說明一下如何將代碼改成 <embed> 嵌入式代碼, 令各位可以將 TagaPie 放在 Windows Live Spaces 內~ ^_^
不過在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
-
-
-
部份的部落格寵物功能眾多, 本教學無法一一說明, 因此只會指出申請和加入的方法, 及一些基本功能。
-
在 Windows Live Spaces 加入 TagaPie 的方法:
1. 各位在成功申請 TagaPie 後, 請在房間中, 按下工具列上的「設定」選項 (圖1)。
 (圖1)
2. 然後在跳出來的視窗中, 會顯示出 JavaScript 代碼, 請將欄位內的整段代碼複製出來 (圖2)。
 (圖3)
3. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但是 Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~
其實在上述得到的 JavaScript 代碼中, 已包含了你的帳號 ID, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:
<script language="JavaScript" src="http://www.tagapie.com.tw/Monsty/blog.php?rid=3mw6lS&w=150&h=250&rgb=ff0000"></script>
3mw6lS 就是夜衫衫的帳號 ID, 將這個帳號 ID 放入下面代碼中。
ff0000 就是介面邊框的顏色, 各位可以隨意更改; 而各顏色的代碼, 可按這裡檢查。
修改後為:
<EMBED wmode="transparent" src="http://www.tagapie.com.tw/Monsty/blog.swf?rid=你的帳號 ID&w&rgb=邊框的顏色" quality=high bgcolor=#FFFFFF WIDTH="150" HEIGHT="250" NAME="TagaPie" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
PS: 以上的代碼, 當然不是由官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
 各位有興趣玩中文部落格寵物的朋友, 不訪試試玩 TagaPie, 夜衫衫隨時等著做你的好友~ ^_^
衫衫的 TagaPie 寵物房間 - http://www.tagapie.com.tw/Monsty/mopage.php?rid=3mw6lS
感謝衫衫提供 2007/4/13
在 Windows Live Spaces 及部落格內加入 Sony 的 Blog 小玩意
 這個日本品牌, 相信沒有人不認識吧? 其實在日本, 很多著名品牌也會為了推銷旗下產品, 而推出一些 Blog 小玩意, 籍此希望達到網上宣傳效果; 以日本的 Sony 旗下的產品線為例, 好像 Sony Ericsson 手機或 Sony VAIO 筆記簿型電腦, 就曾經推出過以下的小玩意, 容許大家免費放在部落格內; 可惜為了迎合在日本的部落格供應商 (BSP - Blog Services Provider), 大部份在日本推出的小玩意也只提供 JavaScript 代碼, Windows Live Spaces 用戶必須先將 JavaScript 代碼改成 <embed> 嵌入式代碼, 才可以放在自己的 Space 中。
日本 Sony Ericsson 官方網站 - http://www.sonyericsson.co.jp
日本 Sony VAIO 官方網站 - http://www.jp.sonystyle.com
夜衫衫將日本 Sony 暫時已推出的玩意, 全部改成 <embed> 嵌入式代碼, 只要利用內嵌視訊的方法, 直接放在部落格上即可, 各位有興趣的就隨便拿去使用吧~ ^_^ 當然, 若你喜歡放在 HTML Sandbox 或 Sandbox 這兩個 gadget 內也可以的。
衫衫覺得即使某些玩意玩味不足, 但不同造形也頗為吸引, 有時候用來裝飾一下部落格也不錯吧~? ^_^
注意:
(一) 本教學會有機會利用到 HTML Sandbox 和 Sandbox 這兩個 gadget, 如果各位不清楚兩個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
(二) 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
(三) 以下的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
PS: 為了不影嚮瀏覽本頁速度, 所以下面各玩意都不會在這裡作出示範, 如果要觀看所有玩意的實際示範, 各位可以按這裡。
感謝衫衫提供 2007/3/16
Mysteryanimal網站最近又出了新款式
這次的款式不只顏色鮮豔 樣式更可愛了
厭倦之前款式的人 可以來更換囉!!
 跳出對話框 複製下方圖示藍色圈選部份
打開記事本 將上方複製好的語法縮短 請把下方圖示藍色圈選部份的語法拿掉
引述
在 Windows Live Spaces 及部落格內加入 ぷく☆ぷく各款可愛小豬玩意
大家喜歡以下各款造形可愛的小豬嗎?
其實這隻小豬名叫 ぷくぷく (pukupuku), 牠不但有多款可愛造形, 而且牠更有多個部落格小遊戲呢~! 各位只要到 ぷくぷく 的網站 - http://pikky.candypop.jp/index.html, 就可以看到以下各款 ぷくぷく小遊戲, 喜歡的話更可下載回家慢慢玩啊~
不過, 大家都希望將這些遊戲放在 Windows Live Spaces 上吧? 既可裝飾, 又可娛樂你的訪客~ 雖然網站上只提供了 Javascript 代碼, 不過只要稍為修改一下, 將代碼都改成 <embed> 嵌入式代碼, 再利用內嵌視訊的方法, 直接放在部落格上即可, 夜衫衫現在就將 ぷくぷく 網站上的所有玩意, 全轉換成<embed> 嵌入式代碼, 各位若喜歡的話, 直接複製語法方放入部落格內即可~ 當然, 若你喜歡放在 HTML Sandbox 或 Sandbox 這兩個 gadget 內也可以的~ ^_^
注意:
(一) 本教學會有機會利用到 HTML Sandbox 和 Sandbox 這兩個 gadget, 如果各位不清楚 Sandbox 這個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
(二) 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
(三) 以下的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
PS: 為了不影嚮瀏覽本頁速度, 除了變色天使時鐘這玩意外, 其餘各玩意都不會在這裡作出示範, 如果要觀看所有玩意的實際示範, 各位可以按這裡。
| 遊戲名稱
| 可被 Windows Live Spaces 支持的 <embed> 嵌入式代碼
|
打字遊戲
|
<embed src="http://pikky.candypop.jp/pukupuku/swf/pukupuku_type.swf" wmode=transparent width="130" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
玩法: 打字遊戲~ 在限定時間內, 用鍵盤輸入在木牌上的字母, 字母正確的加 1 分, 錯了減 1 分~
|
猜拳遊戲
|
<embed src="http://pikky.candypop.jp/pukupuku/swf/pukupuku_pon.swf" wmode=transparent width="130" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
玩法: 最基本的猜拳遊戲 - 石頭、剪刀、布!
|
打地鼠 (狼) 遊戲
|
<embed src="http://pikky.candypop.jp/pukupuku/swf/pukupuku_mog.swf" wmode=transparent width="130" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
玩法: 打地鼠 (狼) 遊戲~ 分三個等級, 初級只有狼出現, 但中級開始就會間中出現小豬, 打中小豬就會減分~
|
射擊遊戲
|
<embed src="http://pikky.candypop.jp/pukupuku/swf/pukupuku_space.swf" wmode=transparent width="130" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
玩法: 用滑鼠控制狼發射飛彈擊落小豬吧~
|
啦啦隊遊戲
|
<embed src="http://pikky.candypop.jp/pukupuku/swf/pukupuku_flag.swf" wmode=transparent width="130" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
玩法: 根據介面上的紅色及黄色指示, 按下紅色上下或黄色按扭~ 按對了的話分數及時間也會增加, 但按錯了的話, 球就會爆~ (衫衫日文不好, 反應又差, 所以不常玩這個 >.<)
|
猜紙牌遊戲
|
<embed src="http://pikky.candypop.jp/pukupuku/swf/pukupuku_card.swf" wmode=transparent width="130" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
玩法: 根據提示, 從四張卡紙中找出正確的卡紙~ (不懂日文的朋友...就靠運氣吧~ ^_^)
|
變色天使時鐘
|
<embed src="http://pikky.candypop.jp/pukupuku/swf/angel_time.swf" wmode=transparent width="130" height="130" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
變色天使時鐘 - 每次載入時, 時鐘也會不同顏色的~ |
以上 ぷく☆ぷく 網站內所有的玩意已經介紹完畢, 衫衫覺得即使某些遊戲玩味不足, 但不同造形的 ぷくぷく 的確有趣吸引, 各位用來裝飾部落格也不錯吧~? ^_^
感謝衫衫提供 2007/3/15
在 Windows Live Spaces 及部落格內飼養 San-x 懶懶熊及 DoCoMo 小香菇
據非正式統計, 最受歡迎的部落格玩意, 就是部落格寵物; 這類玩意夜衫衫亦已經介紹過不少, 但當中有朋友發現部份寵物難於飼養, 例如飼養 JellyFish puzzle 水母 就必須定時餵食及繁殖後代; 飼養 小水滴 則要努力拾種子或提升成長度; 而飼養 Livly 除了必須定時餵食外, 更要升級打怪~!
「衫衫~ 有沒有一些容易飼養的, 沒空打理它又不會死的部落格寵物? 外形是卡哇伊 (可愛) 類形就最好~!」
衫:「......(真多要求).....」
夜衫衫就再找來兩款較為容易飼養的部落格寵物, 分別是 San-x Blog Chara 懶懶熊及 DoCoMo 小香菇~ 看看各位會不會喜歡吧~
| 「夜衫衫~ 你知道懶懶熊是甚麼嗎?」
|
 |
各位男仕, 如果有一天你的女友問你以上的問題, 希望你別像衫衫一樣答不出來~
 我就是懶懶熊啊~ (衫衫終於肯介紹我了...鳴...)
想在部落格中加入這隻可惡...可愛的懶懶熊, 就來開始看看介紹吧~
「衫！ 小心你的說話...各熊粉絲可對你不客氣！ 」
San-x - 一間在日本相當著名, 專門欺騙少女金錢...推出各式各樣可愛的玩物, 例如 黑白豬 (MonokuRo Boo)、爆炸頭狗 (アフロ犬)、爬地熊 (爬爬熊) ( たれぱんだ) 等, 至今已推出玩物總數達十多款, 因各玩物造型設定可愛, 所以一直深受少女 (或任何年齡的女仕) 所歡迎; 基本上 San-x 各玩物也有大量的週邊商品 (可謂小至文具大至傢俱也有), 而懶懶熊就是其中一款較多人認識及喜愛的著名玩物, 而且 San-x 更為了這隻懶懶熊推出了 San-x Blog Chara 服務, 讓各位喜愛懶懶熊的部落客, 可以在自已的 Blog 上加入懶懶熊插件, 可惜插件只提供 JavaScript 代碼, Windows Live Spaces 的用戶必須先將其轉成 <embed> 嵌入式代碼方可使用~
|
PS: 衫衫在想, 這家 San-x 公司, 跟推出 Hello Kitty、XO (Badtz-Maru) 及 Keroppi 的 Sanrio, 是姊妹公司嗎? (日本人真會做生意~)
介绍完畢後, 各位就先來看看各部落格寵物的實際示範吧~
不過在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
-
-
-
部份的部落格寵物功能眾多, 本教學無法一一說明, 因此只會指出申請和加入的方法, 及一些基本功能。
申請懶懶熊插件及加入在 Windows Live Spaces 的方法:
1. 先到 San-x Blog Chara 懶懶熊插件 網站 - http://www.san-xchara.jp/, 按一下「新規会員登錄」(圖1)。
 (圖1)
2. 在利用規約的頁面上, 將「ご利用規約に同意します」的選項打勾, 然後按一下「次へ」按扭 (圖2)。
 (圖2)
3. 請根據 (圖3) 的指示, 填上各項資料, 然後按一下「次へ」按扭。
 (圖3)
4. 然後系統會要你確認所有的資料 (圖4), 一切確認後, 請按一下「次へ」按扭。
 (圖4)
5. 這時候, 你會收到一封由 support@san-xchara.jp 所寄出的確認電郵件 (圖5), 開啟郵件後, 內裡有一個啟動帳號連結, 請點選這連結。
PS: 如果郵件內容變成亂碼, 請將編碼方法改為「日文 (自動選擇)」。
 (圖5)
6. 當點選連結後, 網頁會自動開啓帳號確認頁, 請按一下「登錄」按扭 (圖6)。
 (圖6)
7. 當看到以下畫面 (圖7), 即代表你已成功啟動帳號。請按一下「こちらのログインべージ」連結, 登入 San-x Blog Chara 網頁。
 (圖7)
8. 請輸入你的帳號名稱及密碼, 然後按一下「ログイン」按扭登入網站 (圖8)。
 (圖8)
9. 登入網站後, 即可看到你的個人頁首, 各項設定選項位於左邊的導覽列上 (圖9), 各位可慢慢自行設定; 其中, 衫衫會在這裡示範「ブログ設定 (部落客設定)」、「キャラクターの設置 (獲取代碼)」及「如何加入別人成為朋友 (友達)」這三項操作過程。
 (圖9)
10. 按下「ブログ設定 (部落客設定)」後, 即可設定你的部落客資訊; 請根據 (圖10) 的指示, 填上各項資料, 然後按一下「設定」按扭, 即可儲存你的設定。
PS: 只要先在第一個欄位上, 填上你的部落格網址, 然後接一下「ブログ情報を取得」按扭, 就可讓網站自動獲取你的部落格資訊, 這樣除了可以省卻填寫你的部落格標題及 RSS 位址外, 更可避免填寫手誤出錯。
 (圖10)
11. 按下「キャラクターの設置 (獲取代碼)」後, 即可顯示出 JavaScript 代碼, 請將欄位內的整段代碼複製出來 (圖11)。
 (圖11)
12. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但是 Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~
其實在上述得到的 JavaScript 代碼中, 已包含了你的帳號 ID, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:
<script language="JavaScript" type="text/javascript" src="http://www.san-xchara.jp/js/0ff1e2adcd72b8f70d7854d382beff8d.js"></script><noscript><strong><a href="http://www.san-xchara.jp/" target="_blank" >リラックマのブログパーツはこちら</a></strong></noscript>
0ff1e2adcd72b8f70d7854d382beff8d 就是夜衫衫的帳號 ID, 將這個帳號 ID 放入下面代碼中。
修改後為:
<embed src="http://www.san-xchara.jp/Blog.swf" loop="false" menu="false" quality="high" bgcolor="#ffffff" wmode="transparent" width="156" height="312" name="rilakkuma" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="username=你的帳號 ID&domain=www.san-xchara.jp"/></embed>
PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
13. 要試試如何才可加入別人成為朋友嗎? 其實方法很簡單, 就是當你看見別人的懶懶熊時, 只要先點選對方介面上的 圖示, 然後介面上就會跳出一個「ブロフィールべージへ」按扭 (圖12), 按下後, 就會自動開啟新的網頁, 並且會直接連結到對方的個人頁首。
PS: 本教學圖片將會以加入夜衫衫成為朋友作為示範~ ^_^
 (圖12)
14. 當網頁連結到對方的個人頁首後 (圖13), 如果你自己尚未登入網站的話, 請在左邊填上你的帳號名稱及密碼, 然後按一下「ログイン」按扭登入網站。
 (圖13)
15. 當你已經登入網站, 並連結到對方的個人頁首後, 請按下右上角的「お友達になる」連結, 寄出邀請信 (圖15)。
 (圖15)
16. 然後在邀請信內, 填上簡短的訊息表明來意, 即可按下「確認」按扭 (圖16)。
 (圖16)
17. 然後系統會顯示邀請信的確認頁, 檢查清楚後, 請按一下「送信」按扭 (圖17)。
 (圖17)
18. 當看到以下畫面 (圖18), 即代表你已成功發出邀請信給對方了, 你可按下「プロフィールにもどる」繼續瀏覽對方的個人頁首, 或直接關閉網頁離開。
 (圖18)
19. 接下來, 當對方收到邀請信後, 除了會收到一封電郵通知外 (對方必須在步驟 10 中, 將「送信する」選項打勾才會有電郵通知功能), 當對方登入網站後, 就會看到懶懶熊的介面上顯示有新的電郵 (圖19), 而且下方亦會顯示「友達申請が1件届いています。 」連結, 代表有用戶正在等候接受成為新朋友, 按下這連結即可檢視有關詳情。
 (圖19)
20. 對方按下連結後, 即可檢視有關用戶的邀請信內容 (圖20), 只要按下「友達になる」按扭, 雙方即可成為朋友。
 (圖20)
21. 來到這裡, 懶懶熊的教學已大致上完畢, 最後衫衫補充, 這懶懶熊寵物的功能還有不少, 不過卻都是需要付費 (Web Money) 後才有, 例如學習句子 (只限日文)、添置家俱或相簿等等, 各位有興趣 (又願意付款) 的, 就自已研究一下吧~ 
最後順帶一提, 各位如果將懶懶熊放在 Windows Live Spaces 的部落格中 (就好像衫衫這篇教學般), 因 Windows Live Spaces 是禁止部落格中執行 JavaScript 的, 所以即使在步驟 13 中按下圖示及按扭, 也是無法連結到衫衫的懶懶熊頁首, 所以建議各位還是將懶懶熊放在 HTML Sandbox 或 Sandbox 隨便一個 gadget 內~
PS: 衫衫的懶懶熊頁首 - http://www.san-xchara.jp/profile.php?id=0ff1e2adcd72b8f70d7854d382beff8d
申請 DoCoMo 小香菇 及加入在 Windows Live Spaces 的方法:
1. 要申請 DoCoMo 小香菇, 方法非常簡單, 只有 4 個步驟, 各位可以照著做~ ^_^
先按這裡, 網頁開啓連結後, 然後在網頁的最下方, 請按下「ドコモ以外の攜帶電話をご利用の方」選項 (圖1)。
PS: 衫衫正在偷笑中...
 (圖1)
2. 請根據 (圖2) 的指示, 填上各項資料, 然後按一下「入力內容を確認する」按扭。
 (圖2)
3. 然後系統會要你確認所有的資料 (圖3), 一切確認後, 請按一下「ブログバーシのソースをGET !」按扭。
 (圖3)
4. 按下「キャラクターの設置 (獲取代碼)」後, 即可顯示出 JavaScript 代碼, 請將欄位內的整段代碼複製出來 (圖4)。
 (圖4)
5. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但是 Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~
其實在上述得到的 JavaScript 代碼中, 已包含了你的帳號 ID, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:
<script language="javascript" src="http://blogparts.nttdocomo.co.jp/tag.php?tagid=6868"></script><noscript>ドコモダケブログパーツ</noscript>
6868 就是夜衫衫的帳號 ID, 將這個帳號 ID 放入下面代碼中。
修改後為:
<embed src="http://blogparts.nttdocomo.co.jp/skin/docomodake.swf" quality="high" width="160" height="300" menu="false" wmode="transparent" style="margin:auto;" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="tagid=你的帳號 ID"></embed>
PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
6. 在未說明小香菇到底是如何成長時, 衫衫先問各位一個問題...
衫:「各位有完全照著以上的步驟去做嗎?」
「對啊~! 完全照著~! 保證沒錯! 因為小香菇已經可以成功放在 Blog 上了」
衫:「那麼, 衫衫先多謝了~ ^_^」
「? 甚麼多謝?」
各位如果真的按照以上的步驟, 就會在在步驟 1 中, 開啟這個連結 - http://blogparts.nttdocomo.co.jp/?parentid=6868, 而這個連結, 其實就是衫衫的小香菇頁首, 只要有訪客在利用這個連結成功申請小香菇, 那衫衫的小香菇就可以成長了~ 這就是小香菇的成長方法, 而當小香菇成長到一定程度, 背景及動作也會改變...
PS: 以上不是衫衫的主意啊, 其實這是 My DoCoMo 希望招攬更多流動電話用戶的宣傳方法~ ^_^
要知道自已的小香菇頁首連結, 方法也很簡單, 就是以下:
想檢查一下到底有多少個訪客在利用自已的連結成功申請小香菇, 最快的方法就是觀看小香菇的介面上,「ただいまXX人紹介」, XX 就是那合共人數利用你的連結成功申請小香菇了。
 (圖6)
「衫衫...你現在才說明這些...感覺被騙 >.<」
衫:「對不起啦~ 但別再埋怨了, 反正如果你也是新用戶的話, 又何不送贈香菇衫衫一個成長的機會? ^_^」
最後順帶一提, 各位如果將小香菇放在 Windows Live Spaces 的部落格中 (就好像衫衫這篇教學般), 因 Windows Live Spaces 是禁止部落格中執行 JavaScript 的, 所以即使在介面上按下圖示及按扭, 也是無法連結到衫衫的的小香菇頁首, 所以建議各位還是將小香菇放在 HTML Sandbox 或 Sandbox 隨便一個 gadget 內~
PS: 其實衫衫介紹人還是 0 啦~ 所以各位都應該沒有被「騙」吧? ^_^
好了, San-x Blog Chara 懶懶熊及 DoCoMo 小香菇的教學也到此為止, 這兩款部落格寵物既容易飼養; 沒空打理它又不會死; 外形更是超級卡哇伊~ ^_^ 希望各位也會喜歡吧~
感謝衫衫提供 2007/3/8
引述
cocoa island 的服務在 2007 年 4 月將結束? 趕快搬到 coco★ist 建造新居!
衫衫昨天在回覆一位朋友有關 cocoa island 的問題時, 才留意到這段 cocoa island 發放的新聞...
みんなで無人島から脱出して、新居に引越ししよう！
(全體從無人島逃出, 新居搬家！)
cocoa islandの家やブログアクセサリを今後も利用するにはcoco★istへのご登録が必要となります。
（現行のブログアクセサリは4月以降使用できなくなる為、新ブログアクセサリに貼りかえる必要があります）
現在使用 cocoa island 的家和博客附件的用戶, 必須登記成為 coco★ist 用戶。
(現在的博客附件到了 4 月已後會變得無法使用, 用戶必需要更換新的博客附件)
PS: 甚麼是博客附件? 就是你放在部落格的「小椰果」~!
衫衫看到後十分吃驚!! 因為在上次的教學中, 其實衫衫已看到這段新聞 (就是登入後, 所看到的那段 Flash 影片), 只是當時一直也沒有去留心詳細閱讀內容, 還誤當這是個一般的網站廣告呢!!! (雖然它真的是個廣告, 但卻沒想到這會跟我的「小椰果」有關!!)
衫衫更在那次教學中 (步驟 13), 指示別人將這段 Flash 影片廣告不再顯示的選項打勾呢! (真是該死的衫衫呀~~)
衫衫不想知道這次 cocoa island 在搞甚麼, 只是擔心衫衫的「小椰果」到了 4 月後, 會變成無法使用~~
想也不想, 先替「小椰果」搬家再作打算吧~ 搞了半天, 終於成功了, 只是...又要寫教學了...(天啊~ 為甚麼會這樣? 只怪衫衫當時心中只掛著怎樣領養「小椰果」, 完全沒去理會那個煩人的廣告!)
PS: 如果不清楚 cocoa island 「小椰果」這個小玩意, 可參考 <在 Windows Live Spaces 及部落格內加入飼養 BlogPet、cocoa island 及 Livly Island> 教學一文。
|
| 小椰果「新居」
| 小椰果「舊居」
|
|
|
|
|
|
分別
| 搬入新居後, 新居的訪客計數器只會顯示曾到訪你的 coco★room 的訪客數字。新居有共 4 款介面可供選擇。
| 官方指出, 各 cocoa island 用戶的小椰果「舊居」將會於 2007 年 3 月下旬失效, 如果想繼續放置小椰果在部落格上, 用戶必須搬入 coco★ist 新居。 |
「小椰果」搬家到 coco★ist 建造新居教學教程:
注意:
(一) 本教學會有機會利用到 HTML Sandbox 和 Sandbox 這兩個 gadget, 如果各位不清楚 Sandbox 這個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
(二) 本教學只適合已申請 cocoa island 帳號的朋友。
1. 先登入 cocoa island 頁首 - http://www.c-island.jp/index.cgi, 登入後沒多久, 那個 "煩人的廣告" 就會出現 (圖1), 請按一下「新居を作って島から引っ越す」按扭。
 (圖1)
2. 然後網頁會自動跳到 coco★ist 的用戶帳號登錄頁 (圖2), 請先將「同意します。」選項打勾, 再根據下圖的指示, 填上各項資料, 最後按一下「送信」按扭。
 注意:
(1) 用戶帳號登錄頁內各項帶有 "*" 記號的選項, 是必須填寫的, 其中在「名前（カタカナ）」的欄位上, 各位必須利用日文的片假名輸入, 如果大家對日文不太熟識 (特別是平假名或片假名), 則可在欄位上, 隨意輸入日文五十音的片假名 (衫衫就是胡亂輸入的), 不知道甚麼是片假名的朋友, 可參考五十音片假名列表 (表1), 隨便複製再貼上即可。
(2) 在 「coco★room URL」的欄位上填上你希望獲得的網址後, 請謹記要先按下「重復確認」按扭, 以確認網址現在沒有人使用, 才可以按下「送信」按扭。
| 五十音片假名列表
|
| 羅馬拼音
| a
| i
| u
| e
| o
|
| /
| ア
| イ
| ウ
| エ
| オ
|
| k
| カ
| キ
| ク
| ケ
| コ
|
| s
| サ
| シ
| ス
| セ
| ソ
|
| t
| タ
| チ
| ツ
| テ
| ト
|
| n
| ナ
| ニ
| ヌ
| ネ
| ノ
|
| h
| ハ
| ヒ
| フ
| ヘ
| ホ
|
| m
| マ
| ミ
| ム
| メ
| モ
|
| y
| ヤ
|
| ユ
|
| ヨ
|
| r
| ラ
| リ
| ル
| レ
| ロ
|
| w
| ワ
|
|
|
|
|
| /
| ン
|
|
|
| ヲ
|
| (表1) |
|
 (圖2) |
3. 然後會跳出下面訊息框, 請按一下「確定」按扭 (圖3)。
 (圖3)
4. 這時候, 網頁會自動跳到 coco★ist 頁首, 並且你會收到一封由 coco★ist 寄出的確認電郵件 (圖4), 就證明你已成功 coco★ist 申請帳號; 另外, 這郵件內裡會有你的帳號密碼, 所以請小心保管。
PS: 如果郵件內容變成亂碼, 請將編碼方法改為「日文 (自動選擇)」。
 (圖4)
5. 有了 coco★ist 帳號後, 就可以為你的「小椰果」搬家了; 先回到 cocoa island 頁首 - http://www.c-island.jp/index.cgi, 也是在登入後沒多久, 那個 "煩人的廣告" 就會再出現, 這次請按一下「島から引っ越す」按扭 (圖5)。
 (圖5)
6. 輸入登記 coco★ist 帳號時的電郵地址及密碼, 再按一下「島から引っ越す」按扭 (圖6)。
 (圖6)
7. 然後會跳出下面訊息框, 請按一下「確定」按扭 (圖7)。
 (圖7)
8. 輸入 coco★ist 帳號的電郵地址及密碼, 再按一下「ログイソ」按扭 (圖8)。
 (圖8)
9. 登入 coco★ist 後, 請按一下「coco★room」(圖9)。
 (圖9)
10. 然後就會跳出一個新的網頁, 這個就是你的 coco★ist「小椰果 」新居了, 各位就可以隨時編寫日記、轉換背景、到留言簿上留言、修改個人資料、甚至付錢購買有 2G 容量的相片簿功能, 月費才 315 円日元...
「誰關心這些!! 趕快告訴我「小椰果」搬家後, 怎樣才可放回部落格上呀!」
衫:「...」
按一下右下方的「coco★room管理」按扭 (圖10)。
 (圖10)
11. 然後在左方按一下「アイランド設定」選項 (圖11)。
 (圖11)
12. 終於來到這一步~ 名位可以先在上方的四個背景圖, 選擇一個合適的地方讓你的「小椰果」居住, 選擇後謹記按下「設定」按扭儲存設定; 然後就可以在下方的四個設計不同的博客附件中, 選擇一個放在部落格上, 選擇後, 請將左下方欄位內的整段 JavaScript 代碼複製出來 (圖12)。
 (圖12)
13. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但上述已提到了, Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~
其實在上述得到的 JavaScript 代碼中, 已包含了你的博客附件編號及帳號編號, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:
<script src="http://cocoroom.cocoist.com/blogaccessory/2_4626.js"></script>
2 就是夜衫衫的博客附件編號, 將這個博客附件編號放入下面代碼中。
4626 就是夜衫衫的帳號編號, 將這個帳號編號放入下面代碼中。
另外, 還有一個必須的參數, 就是你的帳號 ID, 其實就是在上述的步驟 2 中, 你在 「coco★room URL」的欄位上填上的網址部份...忘記了? 別怕~ 只要在步驟 11 中, 按下左邊的「基本資料」, 你的帳號 ID 就會在右方顯示出來 (圖13)。
 (圖13)
嵌入式代碼修改後為:
<p align="center"><embed src="http://cocoroom.cocoist.com/c-island_flash/counter博客附件編號.swf?id_value=你的帳號 編號&domain_value=你的帳號 ID" width="160" height="230" wmode="transparent"/></embed>
PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
最後, 只要將修改後的整段代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
14. 利用以上方法即可為「小椰果」搬家, 而如果沒有 cocoa island 帳號的用戶想申請這隻「小椰果」, 在本月 (2007 年 3 月) 底前, 尚可使用舊的教學方法, 詳情可參考 <在 Windows Live Spaces 及部落格內加入飼養 BlogPet、cocoa island 及 Livly Island> 教學一文。
如果時間過了, 也可直接到 coco★ist 頁首 - https://www.cocoist.com/intro/index.php, 按下「無料会員登錄はこちら!」按扭 (圖14), 或直接到這網址 - https://www.cocoist.com/member/register.php, 然後填上電郵地址, 在收到確認信後, 可按照上述步驟, 即可將「小椰果」帶到你的部落格。
 (圖14)
終於完成這篇「小椰果」搬家教學了~ 衫衫玩 coco★ist 時間不久, 只懂得寫留言簿、日記、轉換背景、修改個人資料 (包括上載個人頭像); 而有 2G 容量的相片簿功能, 則要付月費 315 円日元才可使用, 其他功能就等衫衫有空的話, 才慢慢再玩吧~ ^_^
衫衫估計, 在 2007 年 3 月下旬前, 替小椰果搬家的好處就是「舊居」的訪客計數器數值會直接轉移到「新居」上, 而你的小椰果就不用從 "0" 開始收集「木頭」...(未能確定)
不過, 如果有朋友看了衫衫上次介紹 cocoa island 的教學後, 卻沒有來看這篇更新, 到了 4 月「小椰果」變成無法使用時, 會出現一大伙人來找衫衫尋仇嗎? 啊~~~別打衫衫呀~~~
感謝衫衫提供 2007/3/6
引述
在 Windows Live Spaces 及部落格內加入各種 ウェブモノ 通告板
近日衫衫介紹過的不少玩意, 也是屬於遊戲性質較重的, 今次改改口味, 介紹一些既實用又精美的玩意給各位~ 這次找來日本 ウェブモノ 網站的精品, 希望大家也喜歡吧~
ウェブモノ 提供的飾品及玩意頗多, 但可能是日文名稱的關係, 所以大部份人只會看過它的精品, 卻一直不知道這些精品的出處, 其中衫衫最喜歡的 (也是大家最常見的), 就是那些 タイプライターメモボード (中文譯: 打字機筆記簿, 其實就是通告欄、通告板之類的東西), 多說無益, 大家先來看看這次的示範吧~ ^_^
PS: 因本教學包含多款示範較果, 所以請耐心等待載入時間; 如果長時間也看不到範較果, 請刷新本頁。
| 黑板型通告板
| 筆記板型通告板
|
|
|
|
| "i-think" 通告板
| 喇叭筒型通告板
|
|
|
|
| My 足球成員表
| 3 行訊息通告板
|
PS: 成員表內是日本足球漫畫 <天使之翼> (港譯: 足球小將) 的人物, 括號內名稱是港譯名稱。
|
|
| 上捲式通告板
|
| |
怎樣? 對以上的通告板多少有點印像吧? 其實一直以來, 也有不少部落客為了這些精品製作教學, 只是那些教學大倍份也沒有說明出處 (可能是個別部落客轉載文章後再修改的關係), 而且那些教學也不適合 Windows Live Spaces 用戶使用, 所以衫衫這次就決定, 介紹 ウェブモノ 內共 7 款的通告板, 並說明各通告板放在 Windows Live Spaces 的可行方法, 不知道各位可會喜歡?
 ウェブモノ (中文譯: Web 的東西) - 網站建於 2005 年, 主要是提供個人網頁或部落格上用的裝飾品及小玩意之類的物品, 免費供人下載, 其特色是大部份的裝飾品或小玩意, 也是設計得易於使用及安裝, 加上製作簡潔精美, 所以受到很多部落客歡迎。
http://web-mono.net/index.htm
本教學會有機會利用到 HTML Sandbox 和 Sandbox 這兩個 gadget, 如果各位不清楚 Sandbox 這個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
各ウェブモノ 通告板加入在 Windows Live Spaces 及部落格內的方法:
1. 要加入各 ウェブモノ 通告板, 各位必須先有一個可以支持上載 SWF 格式的上傳空間, 並且要先到 ウェブモノ 的通告板分類頁首 - http://web-mono.net/cha/index.htm, 下載你喜歡的通告板壓縮檔。(按下各款通告板旁邊的「Download」連結, 即可下載其壓縮檔 (圖1))
PS: 如果各位找不到合適的網上存放空間, 請參考 <十二. 找個「良好」的免費網上存放空間> 教學一文。
 (圖1)
2. 因下載回來的壓縮檔格式是 LZH 檔案, 如果各位沒有對應的解壓軟件, 可以試用 7-ZIP 這個免費的壓縮軟件, 它支持多種語言介面, 包括繁 / 簡體中文, 十分實用。
7-ZIP 官方網址 - http://www.7-zip.org
3. 將 LZH 檔案解壓後, 資料夾內也會有最少一個 SWF 檔案、一個 TXT 檔案及一個 HTML 檔案, 其中, 該 TXT 及 HTML 檔案分別是說明文檔及預覽用檔案, 但無奈於各位若直接開啟的話, 只會看見一堆日文或亂碼; 別擔心, 衫衫已準備為各位詳細說明各款通告板的特點, 大家只須將該 SWF 檔案上載至你的上傳空間即可~ ^_^
4. PS: 各款通告板的特性都不一樣, 例如有部份會循環播放通告內容; 有部份會有字數限制; 亦有部份會禁止通告內容內使用特定符號, 所以使用前必須留意其注意事項; 另外, 有部份通告板的安裝方法不只有一種, 但衫衫在這裡只會列出一種的安裝方法, 而每款通告板的詳細說明, 建議自行瀏覽 http://web-mono.net/cha/index.htm 或參閱各通告板的說明文檔。
| 通告板名稱
| 可被 Windows Live Spaces 支持的 <embed> 嵌入式代碼
|
| 黑板型通告板
|
<EMBED src="typeBKBv2.swf 檔案路徑" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="200" HEIGHT="160" NAME="type-bkbv2" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"
flashvars="v_memo=通告內容&tl=標題文字">
|
| 注意事項:
|
1. 標題文字有字數限制, 多餘的文字將不被顯示。
2. 通告內容可用 <br> 代碼分段 。
3. 通告內容中不可使用 "、&、< 及 > 符號。
4. 通告內容中若使用 \ 符號, 將顯示成 ¥ 符號。
5. 每次通告內容播放完畢後, 通告內容不會循環播放。
|
| 筆記板型通告板
|
<EMBED src="typeWPv2.swf 檔案路徑"
quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="160" HEIGHT="220" NAME="type-wpv2" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"
flashvars="v_memo=通告內容">
|
| 注意事項:
|
1. 通告內容可用 <br> 代碼分段 。
2. 通告內容中不可使用 "、&、< 及 > 符號。
3. 通告內容中若使用 \ 符號, 將顯示成 ¥ 符號。
4. 每次通告內容播放完畢後, 通告內容不會循環播放。
|
| "i-think" 通告板
|
<EMBED src="tnkCB.swf 檔案路徑" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="120" HEIGHT="110" NAME="tnkCB" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" flashvars="MyTxt=通告內容">
|
| 注意事項:
|
1. 通告內容可使用 # 代碼分隔每一句。
2. 通告內容中不可使用 "、&、< 及 > 符號。
3. 通告內容中若使用 \ 符號, 將顯示成 ¥ 符號。
4. 每次通告內容播放完畢後, 按下介面可循環播放一次。
|
| 喇叭筒型通告板
|
<EMBED src="megaPb.swf 檔案路徑" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="155" HEIGHT="30" NAME="megaPb" ALIGN=""
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" flashvars="MyTxt=通告內容">
|
| 注意事項:
|
1. 通告內容可用 # 代碼分隔每一句。
2. 通告內容中不可使用 "、&、< 及 > 符號。
3. 通告內容中若使用 \ 符號, 將顯示成 ¥ 符號。
4. 通告內容會不斷循環播放。
5. 可以按這裡, 選擇下載不同顏色 (共 4 色) 的 SWF 檔案。
|
| My 足球成員表
|
<embed src="scMem.swf 檔案路徑?ttl=標題文字&mem=球員名稱 1:球員名稱 2:球員名稱 3:球員名稱 4:球員名稱 5:球員名稱 6:球員名稱 7:球員名稱 8:球員名稱 9:球員名稱 10:球員名稱 11&pos=球員位置1:球員位置2:球員位置3:球員位置4:球員位置5:球員位置6:球員位置7:球員位置8:球員位置9:球員位置10:球員位置11" quality=high wmode=transparent bgcolor=#ffffff width="160" height="220" name="scMem" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
|
| 注意事項:
|
1. 標題文字有字數限制, 多餘的文字將不被顯示。
2. 球員名稱有字數限制, 多餘的文字將不被顯示。
3. 球員名稱和球員位置, 在列表上的位置是互相對應, 即球員名稱 1 和球員位置 1, 會在列表的第一行顯示。
4. 球員位置可以最多三個英文字母代表。
|
| 3 行訊息通告板
|
<embed src="stionBD3.swf 檔案路徑?upr=第一行訊息&mid=第 二行訊息&udr=第三行訊息" quality=high wmode=transparent bgcolor=#ffffff width="160" height="125" name="stionBD3" align="" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
|
| 注意事項:
|
1. 每行訊息大概可支持 35 個中文字。
2. 通告內容中不可使用 "、&、< 及 > 符號。
3. 通告內容中若使用 \ 符號, 將顯示成 ¥ 符號。
4. 通告內容會自動循環播放。
|
| 上捲式通告板
|
<embed src="rlupTx.swf 檔案路徑?msg1=第一段訊息。&msg2=第二段訊息" quality=high wmode=transparent bgcolor=#ffffff width="160" height="120" name="rlupTx" align="" type="application/x-shockwave-flash" </td>
|
| 注意事項:
|
1. 每行文字有字數限制, 多餘的文字將不被顯示。
2. 每段訊息不限文字數目, 並可用 <br> 代碼分段 。
3. 通告內容中不可使用 "、&、< 及 > 符號。
4. 通告內容中若使用 \ 符號, 將顯示成 ¥ 符號。
5. 通告內容會自動循環播放。 |
最後, 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
也許各位可能會問, 在 ウェブモノ 的通告板分類頁首上, 還有 3 款通告板, 為甚麼不作介紹? (衫衫又在偷懶嗎?)
其實那 3 款通告板, 因為要先將訊息儲存在特定的文字檔案上, 通告板才可讀取訊息, 而這種結構方式, 暫時都不適合在 Windows Live Spaces 上使用 (其他部落格則可以...鳴...), 所以, 衫衫在這裡就不作介紹了。
利用以上這些通告板去美化你的 Space 或每篇部落格, 既方便又簡單, 各位只要上載各 SWF 檔案後, 隨時就可以使用, 大家不訪試試~ ^_^
感謝衫衫提供 2007/3/3
這個部落格小玩意是
運動品牌Converse跟時尚設計師結合
特別推出這個倫敦巴士在日本巡迴宣傳
也另外推出這個時計讓大家放在blog上 
2007/2/28
引述
在 Windows Live Spaces 及部落格內加入各種 BLOG APARTMENTs 玩兒
在日本, Blog 的風氣相當盛行, 不少網站也推出很多 Blog 的小玩意希望吸引客戶, 其中由 BLOG APARTMENTs 推出的小玩意, 就受到廣大歡迎。
說到 BLOG APARTMENTs, 熟識的朋友肯定會說 :「這個我知道! 早看過在其他的 Blog 中出現, 但它所有的小玩意也是只提供 Javascript 代碼, 只嘆 Windows Live Spaces 用不到...」
幸好, 自從 Windows Live Spaces 加入 HTML Sandbox 或 Sandbox 這兩個 gadget 及支持內嵌視訊功能後, 只要將 Javascript 代碼改成 <embed> 嵌入式代碼, 很多小玩意都已經可以放在 Windows Live Spaces 中。
好了~ 也是時候開始教學~ ^_^
BLOG APARTMENTs 推出的玩兒眾多, 若只介紹一兩個, 恐怕會被問及甚麼時候才介紹其他, 既然如此, 夜衫衫一次過全部介紹, 作出一份「BLOG APARTMENTs 小玩意全功略」相信沒有人會異議吧? ^_^ (這次可若了衫衫 >.<)
這些插件, 夜衫衫都覺得十分有趣啊~ 不相信? 現列出部份, 各位自已試玩一下吧~
| morse coder 摩斯碼生成器
| Paint Bit 塗鴉板
| Paint Bit 的保存品
|
|
|
|
|
| 玩法: 在插件上用滑鼠按一下, 即會以摩斯電碼讀出文字 (衫衫將文字設定成這裡的網址~) ^_^
| 玩法: 在插件上按 paint 後可用滑鼠繪圖, 完成後按 post 可以保存你的作品, 亦可按 back 或 next 觀看別人的作品。
| 這就是夜衫衫其中一次使用 PAINT BIT 繪圖, 保存後的作品。(但不知道甚麼時候會被刪除)
|
|
count up down 倒數計
| NINE LINES 遊戲
| Typing Block 遊戲
|
|
|
|
|
| 說明: 這個倒數計可設定一個時間, 並會自動倒數; 因可以在介面上輸入文字, 所以很適合作為慶祝節日或生日倒數, 另外用滑鼠點選介面即可跳到自訂連結。
| 玩法: 用鍵盤上的左右鍵或滑鼠控制白點的左右活動, 避開從上方掉下來的方塊, 若白點碰到方塊即會 Game Over, 而避開越多方塊, 分數越高。
| 玩法: 用鍵盤輸入從上方掉下來的字母, 輸入越多字母, 分數越高, 字母一但未及輸入而累積至頂部時, 即會 Game Over。 |
 BLOG APARTMENTs - 在日本其中一個十分受歡迎的 Blog 的小玩意網站, 它最大的特色, 可說是網站內的所有玩意, 都是以「安裝簡單、免費、免登記」為原則, 因此非常吸引各部落客; 而它的所有玩意, 大致可以被分為三個類別, 分別是 Utility (工具)、Game (遊戲) 及 Interactive (互動裝飾品); BLOG APARTMENTs 至今已推出共二十多個小玩意, 相信總會有一個你會喜歡。
http://www.blog-apart.com/
本教學會有機會利用到 HTML Sandbox 和 Sandbox 這兩個 gadget, 如果各位不清楚 Sandbox 這個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
將 Paint Bit 塗鴉板加入在 Windows Live Spaces 及部落格內的方法:
1. 因為 BLOG APARTMENTs 的所有小玩意, 都不用申請, 所以各位可以直接瀏覽 Paint Bit 塗鴉板 網頁 - http://www.blog-apart.com/PAINT_BIT/index.html, 即可獲得 Paint Bit 塗鴉板的 Javascript 代碼。(Javascript 代碼只適用於支持 Javascript 代碼的 Blog)
2. 要在 Windows Live Spaces 內加入 Paint Bit 塗鴉板, 就必須先將 Javascript 代碼, 轉換成 <embed> 嵌入式代碼, 夜衫衫已將代碼轉換如下, 各位可以隨便使用~ ^_^。
<embed src="http://blog-apart.com/PAINT_BIT/paint_bit.swf" quality="high" width="150" height="220" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
不過各位在複製代碼時, 請注意以下事項:
(一) 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
(二) 若要自訂插件的大小, 可以自行修改代碼中 width="150" height="220" 數值嗎? 夜衫衫告訴你, 這插件只可改高, 改闊無效啊~ 而且 Post 後的圖, 會被還原正常大小, 所以就別花時間去修改插件的大小了~
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
3. 現在各位已明白加入 Paint Bit 塗鴉板 的方法, 但在繪圖後, 如果按 Post 儲存繪圖, 插件上所顯示的 Javascript 代碼, 也是無法在 Windows Live Spaces 直接使用的...
也是那一句吧~ 代碼轉換即可~! 其實在上述得到的 JavaScript 代碼中, 已包含了你的繪圖編號, 利用這個繪圖編號, 放入下面的嵌入式代碼中, 即可使用。例如, 以下就是夜衫衫其中一次儲存繪圖後所得到的代碼:
<script language="javascript" type="text/javascript" src="http://blog-apart.com/PAINT_BIT/paint_bit.js"></script><script type="text/javascript">paint_biter_function(688,46);</script>
在代碼中, 括號內有兩個數值, 這就是你的繪圖編號, 將這兩個數值分別放入下面代碼中。
修改後為:
<embed src="http://blog-apart.com/PAINT_BIT/paint_biter.swf?page=第一個數值&gyou=第二個數值" quality="high" width="150" height="240" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
最後提提大家, 繪圖儲存後是存放在 BLOG APARTMENTs 的伺服器上, 夜衫衫也不知道甚麼時候你的繪圖會被刪除 (因為官方網頁上沒有說明, 但也可能會被永久保存吧), 所以如果想安全的儲存繪圖, 還是按下鍵盤上的 PrtScn 鍵, 再利用小畫家等繪圖軟件, 保存繪圖成圖片檔吧~ ^_^
Paint Bit 塗鴉板的介紹到此為止~ 大家有空就試試看, 現在再來介紹 morse coder 摩斯碼生成器~
將 morse coder 摩斯碼生成器加入在 Windows Live Spaces 及部落格內的方法:
1. 直接瀏覽 MORSE CODER 網頁 - http://www.blog-apart.com/MORSE_CODER/index.html, 即可獲得 MORSE CODER 插件的 Javascript 代碼。(Javascript 代碼只適用於支持 Javascript 代碼的 Blog)
2. 要在 Windows Live Spaces 內加入 MORSE CODER 插件, 就必須先將 Javascript 代碼, 轉換成 <embed> 嵌入式代碼, 夜衫衫已將代碼轉換如下, 各位可以隨便使用~ ^_^。
代碼中的 Hello 部份, 請改為你希望轉換成摩斯電碼的文字, 而你輸入的文字, 會在 MORSE CODER 插件的介面上顯示出來。
<embed src="http://blog-apart.com/MORSE_CODER/morse_coder.swf" quality="high" width="150" height="200" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" FlashVars="morse_code=Hello"></embed>
不過各位在複製代碼時, 請注意以下事項:
(一) 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
(二) 若要自訂插件的大小, 可以自行修改代碼中 width="xxx" height="xxx" 數值。
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
morse coder 摩斯碼生成器的介紹到此為止~ 最後要詳細介紹的, 就是 count up down 倒數計。
將 count up down 倒數計加入在 Windows Live Spaces 及部落格內的方法:
1. 直接瀏覽 count up down 倒數計網頁 - http://www.blog-apart.com/COUNT/index.html, 即可獲得 count up down 倒數計的 Javascript 代碼。(Javascript 代碼只適用於支持 Javascript 代碼的 Blog)
2. 要在 Windows Live Spaces 內加入 count up down 倒數計, 就必須先將 Javascript 代碼, 轉換成 <embed> 嵌入式代碼, 夜衫衫已將代碼轉換如下, 各位可以隨便使用~ ^_^。
代碼中包含的各參數現在全部列出如下:
背景顏色 輸入 1 代表白色; 2 代表黑色。
年份 以 4 位數字作單位, 例如 2008。
月份 輸入 1 代表 1 月; 輸入 12 代表 12 月。
日期 輸入 1 代表 1 日; 輸入 20 代表 20 日。
時間 以 24 制小時作單位, 例如輸入 7 代表上午七時; 輸入 17 代表下午五時。
標題 可自訂介面上的標題, 支持中文輸入。
連結 可自訂連結 URL, 訪客用滑鼠點選介面即可跳到自訂連結。
<embed src="http://blog-apart.com/COUNT/count1.swf" quality="high" width="150" height="180" wmode="transparent" FlashVars="yy=年份&mm=月份&dd=日期&hh=時間&titler=標題&urler=連結" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
不過各位在複製代碼時, 請注意以下事項:
(一) 若輸入各參數錯誤時, 執行時會出現錯誤訊息 (日文), 請小心檢查每個參數後再嘗試。
(二) 若要自訂插件的大小, 可以自行修改代碼中 width="xxx" height="xxx" 數值。
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
PS: 內嵌視訊 - 這是在 2007 年 1 月, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
以上三個插件已介紹完畢, 其餘的玩意, 因為頗為簡單, 夜衫衫就不作詳細說明了, 只會列出其 <embed> 嵌入式代碼, 各位遇上問題則留言發問吧~ ^_^
PS: 為了不影嚮瀏覽本頁速度, 以下各玩意都不會在這裡作出示範, 如果要觀看各玩意的實際示範, 各位可以按這裡。
| 玩意名稱
| 可被 Windows Live Spaces
支持的 <embed> 嵌入式代碼
|
| moon clock 時鍾
| <embed src="http://blog-apart.com/MOON/moon.swf" quality="high" width="150" height="220" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
| WEATHER MAP 日本地圖天氣報告
| <embed src="http://blog-apart.com/WEATHER/weather.swf" quality="high" width="150" height="220" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
WORLD TIME
世界時間
| 白色版本:
<embed src="http://blog-apart.com/WORLD_TIME/world_time1.swf" quality="high" width="150" height="170" wmode="transparent" FlashVars="area_id=0" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
黑色版本:
<embed src="http://blog-apart.com/WORLD_TIME/world_time2.swf" quality="high" width="150" height="170" wmode="transparent" FlashVars="area_id=0" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
代碼內各參數:
地區編號 輸入 0 到 37 可改變地區時間。
|
QR CODER
QR 編碼生成器
| <embed src="http://blog-apart.com/QR/qr.swf" quality="high" width="150" height="170" wmode="transparent" FlashVars="qr_txt=文字輸入 區" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
說明: 這是一個 QR 編碼生成器, 在文字輸入區可輸入 URL 或簡短訊息。
代碼內各參數: 將你希望變成 QR 編碼的 URL 或簡短訊息填在文字輸入區內即可, 但注意輸入的訊息, 不可以多於 <半角英數 32 字>, 也不支持輸入中文或日文。
|
| INVADERS 遊戲
| <embed src="http://blog-apart.com/INVADERS/invaders.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
| PING x PONG 遊戲
| <embed src="http://blog-apart.com/PINGxPONG/pingpong.swf" quality="high" width="150" height="240" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
| OX 遊戲
| <embed src="http://blog-apart.com/OX/ox.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
| Impact 遊戲
| <embed src="http://blog-apart.com/IMPACT/impact.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
| SNAKE 遊戲
| <embed src="http://blog-apart.com/SNAKE/snake.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
| NINE LINES 遊戲
| <embed src="http://blog-apart.com/NINE_LINES/nine_lines.swf" quality="high" width="150" height="220" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
| Typing Block 遊戲
| <embed src="http://blog-apart.com/TYPING_BLOCK/typing_block.swf" quality="high" width="150" height="220" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
| SWEEPER 遊戲
| <embed src="http://blog-apart.com/SWEEPER/sweeper.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
Flowers
互動裝飾品
| 白色版本:
<embed src="http://blog-apart.com/FLOWERS/flowers1.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
黑色版本:
<embed src="http://blog-apart.com/FLOWERS/flowers2.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
Mouse Hole
互動裝飾品
| 白色版本:
<embed src="http://blog-apart.com/MOUSEHOLE/mouse1.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
黑色版本:
<embed src="http://blog-apart.com/MOUSEHOLE/mouse2.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
Temptation
互動裝飾品
| 白色版本:
<embed src="http://blog-apart.com/TEMPTATION/temptation1.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
黑色版本:
<embed src="http://blog-apart.com/TEMPTATION/temptation2.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
Ring x Ring x Ring
互動裝飾品
| 白色版本:
<embed src="http://blog-apart.com/RINGxRINGxRING/ring1.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
黑色版本:
<embed src="http://blog-apart.com/RINGxRINGxRING/ring2.swf" quality="high" width="150" height="200" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
monalisa mosaic
互動裝飾品
| <embed src="http://blog-apart.com/MONALISA/monalisa.swf" quality="high" width="150" height="220" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
|
|
而在下面列出的玩意, 都是屬於不適合在 Windows Live Spaces 上使用, 因此夜衫衫沒有作出轉換代碼。
|
| moon clock for mobile
| 這個不是 Blog 上的小玩意啊~ ^_^
|
| WIKI WIKI WIKIPEDIA
| 因為 Windows Live Spaces 禁止執行 JavaScript, 所以不適合在 Windows Live Spaces 上使用
|
| Amazon Associates
| 須配合 Amazon 帳號 ID 使用 (夜衫衫暫時沒有申請帳號~ 也不乎它的廣告收入 >.< 所以沒去研究~) |
相信這一次的教學中, 總有一個你會喜歡吧~ ^_^
不過, 希望大家千萬不要留言說:「這個 xxx 玩意怎樣轉換代碼?」、「你可以幫我將那個 xxx 玩意轉換代碼好嗎?」
畢竟 Blog 上的小玩意有無數, 如果夜衫衫每個也走去轉換代碼的話, 不累死才怪~! 加上很多時, 即使強行轉換代碼, 也會令小玩意的某部份功能失效, 更有些是完全不可以放在 Windows Live Spaces 上使用的, 所以各位就別再多問了~ 不過夜衫衫保證有空時, 就會慢慢介紹更多, 轉換代碼後可被 Windows Live Spaces 支持的玩意~ ^_^ 2007/2/27
 照過來 照過來
這篇網誌裡２個小視窗裡的圖案會一直變歐！！
這款部落格小玩意是Posepot慶祝10週年所發布的 
真的好可愛歐！！ 
 上圖是所謂的"無背景" 下圖是所謂的"有背景"
引述
在 Windows Live Spaces 及部落格內加入 cocoa TV 相簿特效
cocoa TV 相簿特效!? 這是甚麼玩意?
 各位現在看到的, 就是夜衫衫稱為「cocoa TV 」的相簿特效了~ 可愛嗎? 上兩日的 "懷舊教學" 才介紹了 cocoa island, 今天再次介紹一個和 cocoa island 有關的小玩意,「小椰果」在電視機及相簿前走來走去, 十分有趣, 而且其中一款更支援每張相片也顯示中文標題, cocoa island 的 Fans 真的不能錯過啊! (有關 BlogPet、cocoa island 及 Livly Island 的教學, 各位可以參考另一篇<在 Windows Live Spaces 及部落格內加入飼養 BlogPet、cocoa island 及 Livly Island>教學。)
其實以上兩個相簿特效, 並非是 cocoa island 的付屬功能, 而是日本免費網上相簿服務 - OCNフォトフレンド 推出的一個小玩意。事不宜遲, 夜衫衫立即介绍~!
當然 (又是那句...), 要在 Windows Live Spaces 上加入這插件, 各位可以利用 HTML Sandbox 或 Sandbox 這兩個 gadget 其中一個。如果各位不清楚 Sandbox 這個 gadget, 請參考 <六. 利用 HTML Sandbox gadget, 在 Windows Live Spaces 加入 Flash 物件> 及 <七. 在 Windows Live Spaces 內的隱藏 gadget, 加入兩個 Sandbox gadget 教學>。
 OCNフォトフレンド - 先來簡單介紹一下, 這個「cocoa TV 」的相簿特效, 是由日本免費網上相簿服務 - OCNフォトフレンド 提供的其中一種相簿特效 (全數暫時共 13 款), 用戶成功申請帳號後, 即可獲 30 MB 免費儲存量 (網站設有收費版本, 收費版本功能更多, 儲存量亦更大), 另外, 各用戶亦設有「友達」制度 (即加入其他用戶成為朋友), 用戶可選擇上載後的相片, 設定成完全公開、只公開給朋友或不公開。 但因為 OCNフォトフレンド 提供的所有相簿特效都是 JavaScript 形式的代碼, 所以 Windows Live Spaces 的用戶必須透過修改代碼為 <embed> 嵌入式代碼, 才可加在 Windows Live Spaces 或部落格內。
http://photofriend.jp/
申請 OCNフォトフレンド 帳號及加入相簿特效在 Windows Live Spaces 的方法:
1. 先到 OCNフォトフレンド 網站 - http://photofriend.jp/, 按一下「メンバー登錄はこちら」(圖1)。
 (圖1)
2. 請根據 (圖2) 的指示, 填上電郵地址, 然後按一下「このメールアドレスで仮登錄する」按扭。
PS: 各位必須留意電郵地址一欄, 因為 OCNフォトフレンド 是不接收 @hotmail.com、@msn.com、@gmail.com 或 @yahoo.com 等電郵帳號的申請。另外, 你在這裡填上的電郵地址, 就是將來你的 OCNフォトフレンド 帳號名稱。
 (圖2)
3. 然後網頁會跳出下圖 (圖3) 的訊息框, 請按一下「確定」按扭。
 (圖3)
4. 當看到以下畫面 (圖4), 即代表你已成功登錄電郵地址帳號。
 (圖4)
5. 這時候, 你會收到一封由 OCNフォトフレンド 寄出的確認電郵件 (圖5), 開啟郵件後, 內裡包含除了有你的 OCNフォトフレンド 帳號密碼外, 更有一個啟動帳號連結, 請點選這連結。
PS: 如果郵件內容變成亂碼, 請將編碼方法改為「日文 (自動選擇)」。
 (圖5)
6. 啓動你的帳號後, 即可設定你的個人資訊, 根據 (圖6) 的指示, 填上各項資料, 然後按一下「利用規約に同意する」按扭。
|
 (圖6) |
7. 然後網頁會跳出下圖 (圖7) 的訊息框, 請按一下「確定」按扭。
 (圖7)
8. 當看到以下畫面 (圖8), 即代表你已成功登記 OCNフォトフレンド 帳號, 你現在已可使用各項 OCNフォトフレンド 所提供的免費服務, 請按一下「OCNフォトフレンドップ画面へ」登入 OCNフォトフレンド 網站。
 (圖8)
9. 登入 OCNフォトフレンド 網站後, 你就可以按一下上方的「アップロード」準備上載你的相片 (圖9)。
 (圖9)
10. 按下「瀏覽...」按扭, 即可選擇你要上載的相片, 每次最多可以上載五張; 而下方的資料選項, 各位可以按需要填寫或省略, 但公開設定選項, 則必須選擇「一般に公開」, 該選項代表相片設定為公開, 這樣其他人才可以看到相片; 最後請按一下「写真をアップロードする」按扭開始上載你的相片 (圖10)。
 (圖10)
11. 上載你的相片後, 網頁會顯示每張相片的資訊, 各位可以隨意修改, 注意其中「タイトル」一欄, 就是相片的標題, 因這標題將會顯示在某些相簿特效中, 所以建議各位不要留空這一欄, 以免將來標題變成空白; 一切填寫及檢查清楚後, 請按一下「写真をアップロードする」按扭 (圖11)。
 (圖11)
12. 然後網頁會顯示「写真情報の入力の完了」字句, 代表你的相片己上載成功 (圖12)。
 (圖12)
13. 這時候, 各位就可以開始製作相簿特效了, 先在上方按一下「写真管理」, 然後再選擇「ブログアクセサリ」選項 (圖13)。
 (圖13)
14. 然後網頁會顯示多個相簿特效, 按下右方的「次へ ▶▶」, 可以瀏覽更多選擇 (共 13 款); 當然, 本教學的目的就是「cocoa TV 」的相簿特效, 各位在選擇後, 請按下方的「次へ」按扭 (圖14)。
 (圖14)
15. 然後網頁會顯示有關這相簿特效的選項, 其中「写真の枚数」代表顯示相片的數目, 各位請自行選擇 (但别選擇 1 枚 啊!); 然後按下方的「設定を保存」按扭 (圖15)。
 (圖15)
16. 經過以上步驟, 終於獲得相簿特效的代碼, 請將整段代碼複製出來 (圖16)。
 (圖16)
17. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但上述已提到了, Windows Live Spaces 的用戶必須將代碼轉換成 <embed> 嵌入式代碼, 才可以放在 Windows Live Spaces 內。現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~
其實在上述得到的 JavaScript 代碼中, 已包含了你的帳號 ID, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:
<script type="text/javascript" charset="UTF-8" src="http://photofriend.jp/uf/31831/0b5d02513ca723450e2aa7d4645dab050000000000000025589.js"></script>
/31831/0b5d02513ca723450e2aa7d4645dab050000000000000025589 就是夜衫衫的帳號 ID, 將這個帳號 ID 放入下面代碼中。
修改後為:
<p align="center"><embed src="http://photofriend.jp/images/swf/baf2.swf" quality="high" menu="" bgcolor="#ffffff" width="140" height="160" name="pholiot" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1171988358&rgb=0xffffff&sw=110&sh=135"></embed>
PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖17)。
 (圖17)
18. 預覽一下結果, 發現「cocoa TV 」已成功安裝在你的 Space 上了 (圖18)。
 (圖18)
19. 另外, 因為修改後代碼的格式, 十分適合利用 Windows Live Spaces 的新功能 - 內嵌視訊, 所以若各位不想在 Sandbox gadget 內加入「cocoa TV 」, 可以試試直接在部落格內加入啊!! (圖19) 在本教學的頂部, 就是利用內嵌視訊的方法來加入夜衫衫的「cocoa TV 」。
PS: 內嵌視訊 - 這是在剛過去的一月份, Windows Live Spaces 系統更新後的新功能, 有關詳情可參考這裡。
 (圖19)
20. 還記在步驟 14 中所看到的不同相簿特效嗎? 現在夜衫衫就列出 OCNフォトフレンド 其餘的全部種相簿特效的代碼 (連計上述所介紹的「cocoa TV 」, 合共 13 款), 各位只要代入自己的帳號 ID 即可, 喜歡使用那一個就隨便選擇吧~
| <embed src="http://photofriend.jp/images/swf/baf1.swf" quality="high" menu="" bgcolor="#ffffff" width="110" height="135" name="pholiot" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172012479&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf12.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="160" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172010637&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf13.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="160" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172010708&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
| <embed src="http://photofriend.jp/images/swf/baf3.swf" quality="high" menu="" bgcolor="#ffffff" width="140" height="160" name="pholiot" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172012761&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf4.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="160" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172010774&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf6.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="140" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172010873&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf7.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="140" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172010918&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf8.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="140" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172010992&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf9.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="140" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172011034&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf10.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="140" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172011071&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf11.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="140" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172011131&rgb=0xffffff&sw=110&sh=135"></embed>
|
|
<embed src="http://photofriend.jp/images/swf/baf5.swf" quality="high" menu=""
bgcolor="#ffffff" width="140" height="160" name="pholiot"
pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="xmluri=http://photofriend.jp/uf/你的帳號 ID.js.xml%3F1172011179&rgb=0xffffff&sw=110&sh=135"></embed>
| |
提提大家, 要登入 OCNフォトフレンド 網站, 請按  , 然後輸入你登記時的電郵地址及密碼 (圖20) (不是你的名稱啊)~; 要登出則可按 。至於 OCNフォトフレンド 其他的功能, 就留給各位慢慢發掘吧~ ^_^
 (圖20)
感謝衫衫提供 2007/2/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. 如果你不清楚甚麼是部落格寵物, 可參考這裡。
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 謎樂園論壇」專區, 內裡設有如何飼養、成長過程、如何裝飾、升級打怪等詳盡教學, 各位不用害怕不懂日文。
|
工具 
