衫衫 的个人资料夜♋衫衫工作室™照片日志列表更多  |  工具 帮助 |
|
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 小玩意全功略」相信沒有人會異議吧? ^_^ (這次可苦了衫衫 ＞.＜) 這些插件, 夜衫衫都覺得十分有趣啊~ 不相信? 現列出部份, 各位自已試玩一下吧~
在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
1. 直接瀏覽 terop 跑馬燈網頁 - http://www.blog-apart.com/TEROP/index.html, 根據下圖在兩個欄位內輸入想顯示的文字及設定插件的長度, 即可獲得 terop 跑馬燈插件的 Javascript 代碼 (圖1)。(Javascript 代碼只適用於支持 Javascript 代碼的 Blog)
2. 要在 Windows Live Spaces 內加入 terop 跑馬燈插件, 就必須先將 Javascript 代碼, 轉換成 ＜embed＞ 嵌入式代碼, 夜衫衫已將代碼轉換如下, 各位可以隨便使用~ ^_^。 代碼中的 文字顯示區 部份, 請改為你希望想顯示的文字, 而你輸入的文字, 會在 terop 跑馬燈插件的介面上顯示出來。
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 不過各位在複製代碼時, 請注意以下事項: 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。 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＞ 嵌入式代碼, 夜衫衫已將代碼轉換如下, 各位可以隨便使用~ ^_^。 PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。
不過各位在複製代碼時, 請注意以下事項: 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。 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＞ 在代碼中, 括號內有兩個數值, 這就是你的繪圖編號, 將這兩個數值分別放入下面代碼中。 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 不過各位在複製代碼時, 請注意以下事項: 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。 最後提提大家, 繪圖儲存後是存放在 BLOG APARTMENTs 的伺服器上, 夜衫衫也不知道甚麼時候你的繪圖會被刪除 (因為官方網頁上沒有說明, 但也可能會被永久保存吧), 所以如果想安全的儲存繪圖, 還是按下鍵盤上的 PrtScn 鍵, 再利用小畫家等繪圖軟件, 保存繪圖成圖片檔吧~ ^_^ Paint Bit 塗鴉板的介紹到此為止~ 大家有空就試試看, 現在再來介紹 morse coder 摩斯碼生成器~ 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 插件的介面上顯示出來。
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 不過各位在複製代碼時, 請注意以下事項: 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。 morse coder 摩斯碼生成器的介紹到此為止~ 最後要詳細介紹的, 就是 count up down 倒數計。 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 代表黑色。
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 不過各位在複製代碼時, 請注意以下事項: 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。 以上三個插件已介紹完畢, 其餘的玩意, 因為頗為簡單, 夜衫衫就不作詳細說明了, 只會列出其 ＜embed＞ 嵌入式代碼, 各位遇上問題則留言發問吧~ ^_^ PS: 為了不影嚮瀏覽本頁速度, 以下各玩意都不會在這裡作出示範, 如果要觀看各玩意的實際示範, 各位可以按這裡。 PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。
相信這一次的教學中, 總有一個你會喜歡吧~ ^_^ 不過, 希望大家千萬不要留言說:「這個 xxx 玩意怎樣轉換代碼?」、「你可以幫我將那個 xxx 玩意轉換代碼好嗎?」 畢竟 Blog 上的小玩意有無數, 如果夜衫衫每個也走去轉換代碼的話, 不累死才怪~! 加上很多時, 即使強行轉換代碼, 也會令小玩意的某部份功能失效, 更有些是完全不可以放在 Windows Live Spaces 上使用的, 所以各位就別再多問了~ 不過夜衫衫保證有空時, 就會慢慢介紹更多, 轉換代碼後可被 Windows Live Spaces 支持的玩意~ ^_^
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月26日 在 Windows Live Space 分享相片、音樂及影片檔案的最佳伴侶 - myfabrik各位 Windows Live Spaces 的用戶: 當你想在 Space 內和朋友分享音樂時, 你可能選擇使用 MediaMax... 當你想在 Space 內和朋友分享影片時, 你可能選擇使用 YouTube... 當然, 如果你只想在 Space 內和朋友分享相片, 你可以直接上傳到你的 Space, 而不用選擇 Flickr... ^_^ 但想一想, 只不過想簡單的和朋友分享, 就可能要申請一大堆帳號; 如果想製作得漂亮及互動一點? 那還得學會那些不同的嵌入代碼~ 對於不熟識的朋友, 花一天時間也可能不夠~ 對上述問題有同感的朋友, 夜衫衫就介紹你一個免費的網上儲存空間服務 - myfabrik, 它可以省卻你不少時間和精神, 既實用又「好玩」~ 我們先來看看示範較果: PS: 因本教學包含多款示範較果, 所以請耐心等待載入時間; 如果長時間也看不到範較果, 請刷新本頁。
怎樣? 看到以上多種既漂亮又互動的特別效果, 你也想學會嗎? 別害怕啊~ 保證你也可以學會! 在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
PS: 當 myfabrik 推出初時, 每位成功申請帳號的用戶是有 2G 容量的免費上傳空間, 如果成功邀請 5人註册的話, 更可升級到 5G 容量。不過現在「優惠期」已過, 各位想要更大的儲存容量, 只有註册成收費版本才可以。 另外, myfabrik 己包含 myfabrik lite 的所有服務及功能, 所以本教學會以 myfabrik 為重點, 並只會補上 myfabrik lite 的一個插件簡介。
1. 要使用 myfabrik 服務,, 就必須先申請一個 myfabrik 用戶帳號, 各位先到 myfabrik 官方網站 - http://www.myfabrik.com/register/index.php, 按一下「 Sign up」(圖1)。
2. 請根據 (圖2) 的指示, 填上各項資料, 然後按一下「Next」按扭。
3. 選擇「Basic Account (free)」選項 (圖3), 並將「I agree to the Terms and Conditions」選項打勾, 然後按一下「Next」按扭。
4. 當看到以下畫面 (圖4), 即代表你已成功登記 myfabrik 帳號。
5. 這時候, 你會收到一封由 myfabrik 寄出的確認電子郵件 (圖5), 開啟郵件後, 內裡有一個啟動帳號連結, 請點選這連結啟動你的帳號。
6. 當點選連結後, 網頁會自動開啓帳號確認頁, 請將「I accept the terms and conditions of this User Agreement」選項打勾, 然後按一下「Next」按扭 (圖6)。
7. 當看到以下畫面 (圖7), 即代表你已成功確認 myfabrik 帳號。請按一下「Login」回到 myfabrik 頁首。
8. 回到 myfabrik 頁首後, 請輸入你的帳號名稱 (登記時的電郵地址) 及密碼, 然後按一下「→」圖示登入網站 (圖8)。
9. 因為登入後的管理介面, 都是由 Flash 技術所建立, 所以請耐心等待載入管理介面 (圖9)。
10. 終於看到這個漂亮的管理介面了 (圖10)~ 為了讓各位可以快速上手學會使用 myfabrik, 夜衫衫就簡單介紹一下這介面上的各種基本功能吧~
11. 看畢上述的介面及功能簡介, 相信各位已初步了解 myfabrik 的介面操作, 接下來即可試試上載檔案; 按下「IMPORT」按扭, 即會彈出以下的檔案上載視窗 (圖11), 按下「Browse」即可選擇檔案準備上載, 每次最多可上載 5 個擇檔, 或者直接按下「Bulkload」即可選擇上載你電腦中的整個資料夾, 最後只要按一下下方的「IMPORT」即可開始上載。
12. 開始上載後, 視窗會以百份比顯示上載的進度 (圖12), 請耐心等待所有檔案上載完畢。
13. 檔案上載完畢後, 視窗會將成功上載的檔案以列表顯示 (圖13), 各位可以檢查有沒有檔案上載失敗, 以便再次重新上載, 檢查完畢後, 可以按右上角的「x」圖示關閉視窗。
14. 回到主介面, 用戶只要雙擊 (Double Click) 檔案, 即會出現該檔案的相關資訊及縮圖預覽, 各位可以修改檔案的名稱 (Rename)、描述 (Description) 及標簽 (Tag); 另外, 按下「More Info」更可檢視該檔案的詳細資料 (圖14)。
15. 現在既然已上載了檔案, 即可試試 myfabrik 的最強功能 - 嵌入功能; 這裡以圖片先檔案作示範, 先選擇你想嵌入的圖片檔案 (按下鍵盤上的 "Shift" 或 "Ctrl" 鍵即可選擇多個檔案), 然後按一下「EMBED」按扭 (圖15)。
16. 按下「EMBED」按扭, 即會彈出以下代碼視窗 (圖16), myfabrik 有 4 種圖片嵌入方法, 分別是 URL、IMG、Slide Show 及 Photostrip; 其作用如下:
現在就先試試 Slide Show 圖片特效吧~ 在代碼視窗按下 「Slide Show」, 即會出現代碼, 各位可以在下方的「Size:」及「Transition:」欄位, 選擇圖片特效的大小及效果; 按下「Preview」按扭更可即時預覽效果, 十分方便。 最後請將欄位內的整段代碼複製出來, 然後將代碼放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內加入也可。 不過各位在複製代碼時, 請注意以下事項: 至於 Photostrip 圖片特效, 各位也在本教學頂部看到效果了, 只要在 (圖16) 中選擇 Photostrip, 即可獲得代碼, 而且直接使用即可, 也可以自行修改代碼中 width="xxx" height="xxx" 數值調整圖片特效的大小。
17. 接下來, 我們又看看如何自動生成 XSPF Player MP3 播放器, 方法基本上也是一樣, 先選擇你想嵌入的 MP3 檔案 (按下鍵盤上的 "Shift" 或 "Ctrl" 鍵即可選擇多個檔案), 然後按一下「EMBED」按扭, 即會出現 (圖17) 視窗, 這樣即可獲得代碼 請將欄位內的整段代碼複製出來, 各位可將代碼放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內加入也可。 不過各位在複製代碼時, 請注意以下事項:
18. 最後, 就是看看如何生成 FlowPlayer 影片播放器, 方法基本上也是一樣, 先選擇你想嵌入的影片檔案 (按下鍵盤上的 "Shift" 或 "Ctrl" 鍵即可選擇多個檔案), 然後按一下「EMBED」按扭, 即會出現 (圖18) 視窗, 這樣即可獲得代碼。 不過這一次, 對於各位 Windows Live Spaces 的用戶來說卻有點不夠運, 因為由 myfabrik 自動生成的 FlowPlayer 影片播放器代碼, 是不能直接放入 HTML Sandbox 或 Sandbox, 亦不可放入部落格內。 別心急~ 只要修改一下代碼, Windows Live Spaces 的用戶也可以使用的, 現在夜衫衫就來說明一下, 各位應該怎樣轉換代碼~ 其實在上述得到的代碼中, 已包含了你的 影片播放器路徑 及 影片檔案路徑, 利用這個影片檔案 Playlist, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼: ＜div＞＜object type="application/x-shockwave-flash" data="http://www.myfabrik.com/camuschu/FlowPlayer.swf" width="450" height="323" id="FlowPlayer"＞＜param name="allowScriptAccess" value="sameDomain" /＞＜param name="movie" value="http://www.myfabrik.com/camuschu/FlowPlayer.swf" /＞＜param name="quality" value="high" /＞＜param name="scale" value="noScale" /＞＜param name="wmode" value="transparent" /＞＜param name="flashvars" value="configFileName=http://www.myfabrik.com/camuschu/flowPlaylist/Czlpb080dJD9eX3SVYk4nBxO" /＞＜/object＞＜div style="font-size: 11px;"＞Powered by ＜a class="bmk_lnk" target="_fabrik_" href="http://www.myfabrik.com"＞www.myfabrik.com＜/a＞＜/div＞＜/div＞ http://www.myfabrik.com/camuschu/FlowPlayer.swf 就是夜衫衫的影片播放器路徑。 將你的 影片播放器路徑 及 影片檔案路徑 放入下面代碼中。 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 不過各位在複製代碼時, 請注意以下事項: 最後, 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內加入也可。
19. 現在, 相信各位已明白 myfabrik 分享相片、音樂及影片檔案的功能, 也明白如何利用 myfabrik 在 Windows Live Spaces 中分享不同的多媒體檔案, 其實 myfabrik 還有很多的設定及功能, 各位就慢慢發掘吧, 對於一個免費的網上儲存空間服務來說, myfabrik 的確不錯, 已後想分享不同的檔案, 就不用到處找上傳空間了~
各位只要利用這個 myfabrik lite 「小玩意」, 上傳不同的相片、音樂及影片檔案, 一樣也可以獲得 ＜embed＞ 嵌入式代碼, 十分方便用戶隨時在 Blog 上分享檔案, 服務性質基本上就和 myfabrik 一樣, 不過上載檔案後, 就無法管理或刪除, 也不知道上載後的檔案, 會在甚麼時候失效, 但是對於只希望快速分享檔案的朋友, 肯定是個十分不錯的選擇。各位只要複製以下代碼, 放在 HTML Sandbox 或 Sandbox 中, 甚至直接放入部落格, 就可以加入這個 myfabrik lite 「小玩意」~ ^_^ PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。
各位看畢這篇教學後, 可能仍會覺得以下... myfabrik 沒有 MediaMax 般的高容量; 影片插放速度又不及 YouTube 的快; 圖片特效也沒有 Slide 的漂亮... 但你應該會承認, 以上的各項服務, 也不及 myfabrik 來得簡單方便~ 不知大家有沒有同感 ^_^ 現在, 各位已後在分享不同類形的檔案時, 又多了個既方便又快捷的好選擇, 不過分享檔案時記得要小心版權問題。
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月25日 八. 合力解決 HTML Sandbox 或 Sandbox 無法編輯的問題
近日, 有部份使用 Windows Live Spaces 的朋友, 遇上了 HTML Sandbox 或 Sandbox 無法編輯的問題... 不過, 夜衫衫卻無法瞭解問題, 而且也沒有遇上 (暫時), 所以才特別為這問題, 編寫這篇文章, 並提供五個解決方法, 希望收集更多有關這問題的資料。 問題: 暫時所知, 遇上這問題後 (原因不明), 用戶會看不到 HTML Sandbox 或 Sandbox gadget 介面上的 「Edit HTML」連結 (圖1), 甚至整個介面, 也看不見任何東西, 變成一遍白色, 所以無法編輯 gadget 內容; 而且, 即使移除該 gadget 後, 再重新加入, 也無法解決問題。
解決方法 (一): 其實, 在大概一個月前, 夜衫衫的 HTML Sandbox, 就已經看不到「Edit HTML」連結 (原因不明), 不過, 夜衫衫卻發現這個「Edit HTML」連結, 只是「看不見」, 卻並非「按不到」, 只要將鼠標, 移到 HTML Sandbox 介面上原來的「Edit HTML」連結位置, 鼠標就會變成 (圖2) 般, 按下滑鼠左鍵, 仍然是可以編輯 HTML Sandbox 內容的。
如果解決方法 (一) 未能解決問題, 請試試解決方法 (二)。 解決方法 (二): 無意間, 看到小綠人原來也試過遇上這問題, 而他也提出了他的解決方法, 在這裡就引用小綠人的方法: 請先登入, 然後在網址列打入下列網址讀取, 再按Save。 HTML Sandbox 失效回復連結:
Sandbox 失效回復連結:
其中要留意, 就是在輸入上述網址時, 必須配合你的分享空間名稱, 例如以這裡 夜♋衫衫工作室™ 的網址為例: http://camuschu.spaces.live.com camuschu 就是我的分享空間名稱。 2007 年 3 月 15 日更新: 解決方法 (三): 感謝由 a.煙ヽ花. 提供的方法 - 衫衫在這裡引用他的留言: 「先前我的 SANDBOX 在右面側面也無法修改，然後我把它整個移動了位置，（放到了左面，）結果那EDIT編輯按鈕就出來了」 換句話說, 遇上了這問題的朋友, 不妨試試調動 HTML Sandbox 或 Sandbox 在 Space 內的位置, 甚至更改版面排位, 期望介面上的 「Edit HTML」連結重現。 2007 年 4 月 5 日更新: 解決方法 (四): 感謝由 静ちゃん 提供的方法 - 衫衫在這裡引用她的留言: 「我也遇上 HTML Sandbox 或 Sandbox 介面上的 「Edit HTML」連結不見的問題，感謝夜衫衫提供的解決方法( v^-ﾟ) Thanks♪，但是這三種方法對我都沒效，後來想到小綠人的方法是否是根據他的版面所解決的方法，所以我試用了進入我的分享空間版面案右鍵 ==> 檢視原始檔 (前提之下要你的兩個檔都在版面) ==>找出gadgetparams:gadgethosturl: 例如小綠人HTML Sandbox 失效回復連結是 http://spaces.start.com/_gadgets/gadget.aspx?a=True&o=ja-jp&id=GadgetGallery:http://download.gallery.start.com/d.dll/1~1~464~4184/gadget.xml&oid=-3258725441611894356&at=97ba9b4045ad90bd1%3amOK61UYZEOMzsMx70FC8jhWEhBBjjXOvIyWqwj9ZcCJoInSiZbRcDTWfCiS%2fLI0ftQDC6dsz6Nk1%2fE%2fEKabpHnB4823mkc2YbeTcAGfiL3hlAqn9S30uSQwil75Vusja0WG4TQYqWjGOnybTRLbqQA%3d%3d&pr=%7b'iFrameHTML'%3a'%3c'%2c'm_bodyColor'%3a''%7d&m=http://download.gallery.start.com/d.dll/1~1~464~4184/gadget.xml&view=Insecure&host=你的分享空間名稱.spaces.live.com&mkt=zh-TW (粗字部分因為跟小綠人不同所以我用自己檢視原始檔裡的編碼貼上) 例:我的 mkt=zh-hk，之後再依照小綠人的方法save之後回去分享空間果然我的 HTML Sandbox 變成空白【Edit HTML】就出現了，我的說明並不是很好希望夜衫衫能在有更好的說明方式，也希望遭遇此問題的大家們能早日解決喔＼(*⌒0⌒)ｂがんばっ♪」 其實這方法可說是利用小綠人的方法再加以修改, 基於每個 Space 也不同, 所以加入 HTML Sandbox 或 Sandbox 後的代碼也會有所不同, 所以衫衫在這裡提供一些步驟上的補充: PS: 以下補充, 只是夜衫衫純個人意見再加上 小綠人 及 静ちゃん 提供的方法進行修改。 1. 先登入自己的 Space, 然後在網頁空白的地方上, 用滑鼠右擊 (right click), 選擇「檢視原始檔」選項 (圖4.1)。
2. 然後在跳出來的文字檔中, 在 Pull-down menu 上選擇編輯 → 尋找 (圖4.2)。
3. 在跳出來的欄位上, 請輸入 gadgetparams:gadgethosturl 這字串尋找。 (圖4.3)。 PS: 若果你同時在 Space 上加入了 HTML Sandbox 及 Sandbox, 將會尋找到兩段包含 gadgetparams:gadgethosturl 這字串的代碼, 請以尋找到的代碼敷上位置所顯示的 gadget 編號區分。
4. 以 gadgetparams:gadgethosturl 這字串尋找到相關代碼後, 即可憑著付近的代碼, 得到各項須要的資料, 以夜衫衫所尋找到的代碼為例 (圖4.4):
還有一個數值, 就是你的 HTML Sandbox 或 Sandbox 代碼參數, 這個參數每人也不同, 夜衫衫的這個參數就是以下: 64372fde3eb785f21%3aUVFw4ja3iAaJ0Pah5UQ3zaLSgCZ691NSgT8MWf6wJurWEV2dOtmae2wOT%2foKUp%2fOTtenwnNL6N9mMgSGEOvYiZeRpimsnDb8nFZV7VuDlbQG1cEdFjr5Pcu5iY6onOyHbWqHH9kby8sIaX%2fMI5ZVIQ%3d%3d&pr 要找出這個參數, 方法就是在代碼中, 找出你的 ownerid後出現的 "&at" 字串, 接下來出現的第一個 "=" 付號, 到下一個 "=" 付號之間的代碼。 5. 有了以上各項的資料, 就可以代入以下的修復代碼 (網址) 中:
有了以上的修復網址, 就可以在登入自己的 Space 後, 直接在瀏覽器上輸入這個修復網址, 然後按下鍵盤上的「Enter」鍵, 進入這個網址 (圖4.5)。
6. 然後就會發現 "神秘" 的 「Edit HTML」連結出現了, 請按下這連結 (圖4.6)。
7. 按下這連結後就會發現 HTML Sandbox 的欄位完全回復了 (圖4.7)! 欄位內只有一個 "<" 付號, 別管它, 按一下下方的「Save」按扭就是了。
8. 這時候, 再次登入你的 Space, 終於發現 HTML Sandbox 介面上的 「Edit HTML」連結位完全回復了 (圖4.8)。
經過測試後, 這個解決方法 (四) 的成功率極高! 建議各位遇上這問題的朋友一定要嘗試!! 2007 年 4 月 21 日更新: 解決方法 (五): 最後這個方法, 可以說是一定成功的...(因為根本不用正面解決問題! 但不管了~) 自從 Windows Live Spaces 於 2007 年 4 月 20 日系統更新後, 已有正式的方法可以在 Space 內加入多個 HTML Sandbox 及 Sandbox, 所以, 如果你已試用解決方法 (一) 、(二)、(三)、(四), 也未能解決問題, 不訪試試刪除出現問題的 Sandbox, 然後再新增一個即可~ 有關詳情, 可參考 <九. 在 Windows Live Spaces 內加入多個 HTML Sandbox 及 Sandbox gadget 教學> 一文。 不過, 如果你己試用解決方法 (一) 、(二)、(三)、(四) 及 (五), 也未能解決問題, 請在這篇文章留言, 並盡量提供更多資訊, 希望可以盡快找到更完滿的解決方法; 當然, 若你己有更好的解決方法, 希望可以在這裡和大家分享。
2月24日 在 Windows Live Spaces 及部落格內加入迷你窩 miniworld、BB 狗夜衫衫在這裡介紹過的部落格寵物, 已有 MeroMero 小水滴、SASURAI 謎の鳥、JellyFish puzzle 水母 及 Me² 網絡替身 (相關教學), 亦介紹過 BlogPet、cocoa island 及 Livly Island (相關教學), 以上的部落格寵物, 除了 Me² 網絡替身 會說中文外, 其他全都只會說日文 (其中謎の鳥及水母更不會說話)... 再介紹更多說日文的部落格寵物的話, 只怕各位會說夜衫衫是「崇日狂」... 既然如此, 就來換換口味, 介紹兩款既可愛又會說中文的部落格寵物吧~ 分別是 迷你窩 miniworld 及 166Blog BB 狗。
在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
衫:「既然寵物都會中文, 你們的網站也是用中文的啦~ 申請及放在 Blog 上的方法在官方網站上已有說明~ 還須有甚麼教學?」
衫:「......」 其實 迷你窩 miniworld 及 166Blog BB 狗 己提供了 <embed> 嵌入式的語法, 各位 Windows Live Spaces 用戶可以放在 HTML Sandbox 或 Sandbox 這兩個 gadget 其中一個內, 也可利用內嵌影片功能, 直接在每篇部落格中加入, 過程中不用轉換代碼, 所以各位有問題就留言發問吧~ ^_^ 伸延閱讀: <在 Windows Live Spaces 及部落格內加入飼養 BlogPet、cocoa island 及 Livly Island>教學。 <在 Windows Live Spaces 內加入飼養 MeroMero 小水滴、SASURAI 謎の鳥、JellyFish puzzle 水母及Me² 網絡替身>教學。 本節教學完畢...
衫:「......」
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月23日 感恩不知怎麼回事, 今天這個「窮鄉僻壤」的夜衫衫工作室, 與及夜衫衫的 Windows Live Messenger, 也不尋常地有很多訪客到來, 這情況相當罕見... 細問之下, 發現原因了, 原來是「Spaces 教學之父」小綠人, 在他的能量魔法中, 寫了一篇文章並提到這裡。 那上述的怪現象, 就可以解釋了~ 因為單單是今天, 由該文章轉介過來的訪客, 沒一千也幾百, 令這鄉村般的工作室今日異常熱鬧~ (至今還在回文中) 在此先感謝小綠人的讚賞。其實他對 Windows Live Spaces 的貢獻有多大, 相信夜衫衫亦不用多說, 大家也明白~ 夜衫衫只能說聲, 要是沒有小綠人, 大家的 Space 可能也沒有現在這麼精采! 不過, 夜衫衫想指出... 我是夜衫衫...不是「夜杉杉」啦~ 2月21日 在 Windows Live Spaces 及部落格內加入 cocoa TV 相簿特效cocoa TV 相簿特效!? 這是甚麼玩意?
其實以上兩個相簿特效, 並非是 cocoa island 的付屬功能, 而是日本免費網上相簿服務 - OCNフォトフレンド 新推出的一個小玩意。事不宜遲, 夜衫衫立即介绍~! 在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
1. 先到 OCNフォトフレンド 網站 - http://photofriend.jp/, 按一下「メンバー登錄はこちら」(圖1)。
2. 請根據 (圖2) 的指示, 填上電郵地址, 然後按一下「このメールアドレスで仮登錄する」按扭。
3. 然後網頁會跳出下圖 (圖3) 的訊息框, 請按一下「確定」按扭。
4. 當看到以下畫面 (圖4), 即代表你已成功登錄電郵地址帳號。
5. 這時候, 你會收到一封由 OCNフォトフレンド 寄出的確認電郵 (圖5), 開啟郵件後, 內裡包含除了有你的 OCNフォトフレンド 帳號密碼外, 更有一個啟動帳號連結, 請點選這連結。
6. 啓動你的帳號後, 即可設定你的個人資訊, 根據 (圖6) 的指示, 填上各項資料, 然後按一下「利用規約に同意する」按扭。 (圖6) 7. 然後網頁會跳出下圖 (圖7) 的訊息框, 請按一下「確定」按扭。
8. 當看到以下畫面 (圖8), 即代表你已成功登記 OCNフォトフレンド 帳號, 你現在已可使用各項 OCNフォトフレンド 所提供的免費服務, 請按一下「OCNフォトフレンドップ画面へ」登入 OCNフォトフレンド 網站。
9. 登入 OCNフォトフレンド 網站後, 你就可以按一下上方的「アップロード」準備上載你的相片 (圖9)。
10. 按下「瀏覽...」按扭, 即可選擇你要上載的相片, 每次最多可以上載五張; 而下方的資料選項, 各位可以按需要填寫或省略, 但公開設定選項, 則必須選擇「一般に公開」, 該選項代表相片設定為公開, 這樣其他人才可以看到相片; 最後請按一下「写真をアップロードする」按扭開始上載你的相片 (圖10)。
11. 上載你的相片後, 網頁會顯示每張相片的資訊, 各位可以隨意修改, 注意其中「タイトル」一欄, 就是相片的標題, 因這標題將會顯示在某些相簿特效中, 所以建議各位不要留空這一欄, 以免將來標題變成空白; 一切填寫及檢查清楚後, 請按一下「写真をアップロードする」按扭 (圖11)。
12. 然後網頁會顯示「写真情報の入力の完了」字句, 代表你的相片己上載成功 (圖12)。
13. 這時候, 各位就可以開始製作相簿特效了, 先在上方按一下「写真管理」, 然後再選擇「ブログアクセサリ」選項 (圖13)。
14. 然後網頁會顯示多個相簿特效, 按下右方的「次へ ▶▶」, 可以瀏覽更多選擇 (共 13 款); 當然, 本教學的目的就是「cocoa TV 」的相簿特效, 各位在選擇後, 請按下方的「次へ」按扭 (圖14)。
15. 然後網頁會顯示有關這相簿特效的選項, 其中「写真の枚数」代表顯示相片的數目, 各位請自行選擇 (但别選擇 1 枚 啊!); 然後按下方的「設定を保存」按扭 (圖15)。
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 放入下面代碼中。 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^ 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖17)。
18. 預覽一下結果, 發現「cocoa TV 」已成功安裝在你的 Space 上了 (圖18)。
19. 另外, 因為修改後代碼的格式, 十分適合利用內嵌影片, 功能, 直接放在部落格內, 所以若各位不想在 Sandbox gadget 內加入「cocoa TV 」, 可以試試直接在部落格內加入啊!! (圖19) 在本教學的頂部, 就是利用內嵌影片的方法來加入夜衫衫的「cocoa TV 」。
20. 還記在步驟 14 中所看到的不同相簿特效嗎? 現在夜衫衫就列出 OCNフォトフレンド 其餘的全部種相簿特效的代碼 (連計上述所介紹的「cocoa TV 」, 合共 13 款), 各位只要代入自己的帳號 ID 即可, 喜歡使用那一個就隨便選擇吧~ PS: 為了不影嚮瀏覽本頁速度, 以下各玩意都不會在這裡作出示範, 如果要觀看各玩意的實際示範, 各位可以按這裡 (因相簿特效眾多, 瀏覽器載入須時, 請各位開啟這網頁時耐心等待)。 PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 PS: 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^ 只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。 提提大家, 要登入 OCNフォトフレンド 網站, 請按
最後再次向朋友 J 說一聲抱歉啦~ 你生日會的相片已被夜衫衫引用作試範多次了~ ^_^
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 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. 先到 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
的用戶來說, 上述三款玩意也是新鮮的, 所以才花時間編寫, 各位如果有遇上任何問題, 就留言吧, 夜衫衫也是時候開始學習如何「玩」這三隻寵物了~
發佈這編教學教程正好是大年初二 (但編寫這編教學卻用了三天 ＞.＜), 祝大家身體健康、萬事勝意、恭喜發財^^
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月17日 揮春農曆新年又到了, 夜衫衫在這裡先向各位拜個早年, 祝各往身體健康、龍馬精神、萬事勝意、恭喜發財! 還記得小時候, 家裡每逢過年也會貼上揮春, 但近年不知怎的卻沒有 (全家也開始懶了 >.<)。 既然如此, 就讓夜衫衫在這裡貼上些揮春吧~ 在網上搜尋了一會, 就發現下面兩套不同顏色的揮春, 頗為精美, 現列出部份, 各位若放在 Blog 上; 或用在 Windows Live Messenger 上也十分適合呢~ 網址 - http://www.singtao.com/special/lunar03/faicun/faicun.html
不過說到揮春, 近日在報紙上看到的一遍介紹, 才叫夜衫衫「拍案叫絕」! 甚麼 "盡天下女"、"溝盡天下仔" 等等... (也難怪夜衫衫的爹娘近年來不買也不貼揮春了~)
另外, 台灣的 MSN 網站, 也在新春期間推出了「新春動態表情符號」及「新春動個人顯頁圖片」~ 各位有興趣的就快下載吧~
2月15日 在 Windows Live Spaces 及部落格內加入 BubbleShare 相簿特效自從 Windows Live Spaces 加入內嵌影片這個新功能後, 令每篇部落格也可以更有趣, 各位可有同感? 網上相簿服務, 現今已十分普及, 不過有提供特別的相簿特效功能, 則仍未算太多。 相簿特效可以令相簿在部落格內以更漂亮的方式示人, 已前夜衫衫也介紹過 http://www.slide.com (Slide 教學), 今次就介紹另一個同樣有趣的網上相簿服務 - BubbleShare。 各位先來看看 BubbleShare 的網上相簿有何特別之處吧~ ^_^ Gizmo Player 相簿特效 This album is powered by BubbleShare - Add to my blog
Bubble Slider 相簿特效 This album is powered by BubbleShare - Add to my blog
Vertical Slider 相簿特效 This album is powered by BubbleShare - Add to my blog
Bouncy Animation 相簿特效 This album is powered by BubbleShare - Add to my blog 在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
因為申請 BubbleShare 的帳號實在非常簡單, 夜衫衫就不再像以前般每一步也詳細描述了, 只列出一些重點, 各位有問題就留言吧~ 要申請 BubbleShare 的帳號, 各位只需在 BubbleShare 頁首上按下「Sign up Now」, 然後設定你的帳號名稱及密碼, 再填上電郵地址即可, 然後當你收到 BubbleShare 寄出確認電郵後, 點擊電郵內的連結, 即可啟動你的帳號, 這樣你就可以開始創建你的相簿了, 整個過程也不用 3 分鐘, 十分方便。 當上載完畢後, 你可以為相片加入不同的圖案, 每個圖案也可放大縮小、旋轉或加入文字, 而每張相片也可加入標題 (圖1)。
相簿完成編輯後, 按下「Share Your Album」(圖2), BubbleShare 即會為你的相簿加入不同型式的特效, 並且提供代碼, 各位只要將代碼利用內嵌影片的方式, 即可加入到部落格中~ ^^
當然, 如果各位喜歡, 也可將代碼放入 HTML Sandbox 或 Sandbox gadget 內 (圖3), 效果也不錯啊~
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月13日 小畫家的神乎奇技2月12日 在 Windows Live Spaces 及部落格內加入 Rakugaki 留言塗鴉板
看了上面兩塊的留言塗鴉板, 各位已知道夜衫衫這篇教學的目的吧~ 不過在開始教學前, 夜衫衫有一個疑問, 就是這應該叫留言塗鴉板? 還是留言塗鴉版? 夜衫衫的中文一向不好, 錯別字又多, 所以也不敢亂來...(問了幾個朋友, 答案是一半一半!)... 希望各位知道答案的朋友可以告訴夜衫衫...(感激!) 不再廢話了。(但夜衫衫真的很想知道...不想經常錯別字 ＞.＜) 上面兩塊的留言塗鴉板, 夜衫衫重點只會說明日文那一個, 中文那個則不想作教學說明, 原因後述。 在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
Rakugaki 留言塗鴉板 1. 要使用 Rakugaki 留言塗鴉板, 就必須先申請一個 BlogDeco 用戶帳號, 各位先到 Rakugaki 留言塗鴉板 官方網站 - http://www.blogdeco.jp/rakugaki/, 按一下「利用者登錄」(圖1)。
2. 請根據指示, 填寫你的個人資料 (圖2), 然後按一下「利用規約に同意して確認画面に進む」按扭。
3. 然後網頁會出現確認資料頁, 按一下「登錄する」按扭 (圖3)。
4. 看到下圖畫面 (圖4), 代表你已成功申請 BlogDeco 帳號。
5. 現在, 你已可以使用 BlogDeco 所提供的所有免費服務了; 請在左邊選擇 Rakugaki 留言塗鴉板「ラクガキボード」圖示 (圖5)。
6. 現在請根據指示, 設定你的 Rakugaki 留言塗鴉板 (圖6), 請放心, 網頁看上去雖然很「長」, 但其實不用半分鐘即可完成整個設定過程; 設定完成後, 請按一下「確認」接扭。 (圖6) 7. 完成上一步後, 網頁會重新顯示你的設定, 如果須要更改設定, 可以按一下「戾る」接扭返回上一頁, 檢查清楚後, 請按一下「発行」接扭確認你的設定 (圖7)。
8. 這時候 Rakugaki 留言塗鴉板 已經設定完畢, 網頁會顯示出 JavaScript 代碼, 請將欄位內的整段代碼複製出來。(圖9)
9. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但無奈於 Windows Live Spaces 用戶, 不論是 HTML Sandbox 或 Sandbox 這兩個 gadget 其中一個, 還是 Custom HTML 這個隱藏模塊, 也不可以支持 JavaScript... 別灰心~ 其實只要轉換成嵌入式 ＜embed＞ 代碼, 不就可以解決問題嗎? (基本上每次也只有這一招~ ^_^) 夜衫衫就來說明一下, 各位應該怎樣轉換~ 其實在上述得到的 JavaScript 代碼中, 已包含了你的帳號 ID, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼: ＜script language="javascript" src="http://rakugaki.kayac.com/rakugaki_tag.php?rid=45445"＞＜/script＞ ＜noscript＞＜a href="http://www.blogdeco.jp/" target="_blank"＞＜img src="http://www.blogdeco.jp/img/jsWarning.gif" width="140" height="140" border="0" alt="Blogdeco" /＞＜/a＞＜/noscript＞ 45445 就是夜衫衫的帳號 ID, 將這個帳號 ID 放入下面代碼中。 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 PS: http://www.blogdeco.jp/rakugaki/img/title2_of.gif 是標題圖示的路徑。 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 並且以一個 ＜table＞ 表格形式, 將 Rakugaki 留言塗鴉板 的標題圖示強行加上去, 所以, 如果各位要改變你的標題圖示, 代碼中的標題路徑也要改變啊~!
將修改後的代碼, 放入 HTML Sandbox 或 Sandbox gadget 內, 再按一下「Save」按扭 (圖9)。
10. 預覽一下結果, 發現 Rakugaki 留言塗鴉板 已成功安裝在你的 Space 上了 (圖10)。
11. 另一方面, 修改後的代碼格式, 亦可以利用內嵌影片功能, 直接放在部落格內 (圖11)。 預覽結果? 就在這篇教學的最頂部位置~ ^_^
12. 那 Rakugaki 留言塗鴉板 裡的塗鴉該如何管理? 其實只要登入 BlogDeco 網站 http://www.blogdeco.jp/, 先點選「ラクガキボード」圖示 (即上述步驟 5 中), 然後點選「作成済みボード一覧」連結 (圖12)。
13. 然後選擇「作品管理」連結 (圖13)。
14. 在這裡, 網頁會顯示出你所有的塗鴉留言, 並可即時查看, 只要在該篇塗鴉留旁邊按下「削除」按扭, 即可刪除該留言。
情人節和農歷新年也快到了, 各位何不一試用 Rakugaki 留言塗鴉板, 向你的伴侶或訪客, 親手畫幅有心意的示愛情人節卡; 或親筆寫幾句賀年揮春? 在這裡, Rakugaki 留言塗鴉板 的教學已大致上完畢了, 接下來, 則和各位討論一下中文的那個塗鴉"版"。 夜衫衫並不打算篇寫這個中文塗鴉"版"的教學, 原因是, 這個中文塗鴉"版"是屬於台灣 HiNet 服務網站中, 其中一個 Blog 部落格服務 - Xuite 網路日誌 (部落格) 的內置玩意。 也就是說, 你想在其他地方使用這個中文塗鴉"版", 就必須申請 HiNet 用戶帳號。 雖然各位可能會想, 反正一個普通 HiNet 的用戶帳號, 也可免費申請, 沒甚麼大不了... 但夜衫衫的原則是, 既然你要用這個 Xuite 網路日誌 (部落格) 的中文塗鴉"版", 就應該選用 Xuite 網路日誌 (部落格) 服務, 又何必將它應用在其他地方? 夜衫衫沒有查正如果這樣做, 會否觸犯任何板權法例, 但即使沒有, 個人也不希望因本篇教學, 而有機會導致其他人「濫用網上資源」。 試想想, 為了一個中文塗鴉"版", 就去申請一個 HiNet 用戶帳號, 但這功能卻是個原來官方專屬的功能, 目的就是要吸引人們使用 Xuite 網路日誌 (部落格) 服務... 即使任何人也可免費使用, 但希望各位也別作這種缺德的人, 這完全是「濫用網上資源」。 夜衫衫也許沒有資格說別人, 畢境自已為了個人興趣, 看到別人的 Blog, 自已又在全情投入地「玩」這個中文塗鴉"版", 也跑去申請了一個 HiNet 用戶帳號! 對! 夜衫衫的確是有申請了一個 HiNet 用戶帳號, 並且研究將中文塗鴉"版"放在 Windows Live Spaces 或其他 Blog 上。 成功後, 夜衫衫除了得到了預期中的成功感外; 但也覺得自已這一次行為可恥。 夜衫衫做了一個「濫用網上資源」的人。 幸好, HiNet 已說明, 只要六個月內沒有登錄過網站, 帳號就會自動刪除。這算是夜衫衫的自我安慰及補賞。 別因為「免費」, 而去「濫用」; 不論你認同與否, 這是夜衫衫現有的感受。 夜衫衫喜歡玩新玩意, 嘗試新鮮事, 但這次也覺得自已做錯了... 所以各位, 如果喜歡塗鴉板, 就去申請 BlogDeco 的 Rakugaki 留言塗鴉板 吧, 它的本質就是容許不同的 Blog 也可使用, 這和 Xuite 網路日誌 (部落格) 的中文塗鴉"版"本質上完全不同。 可能你會問, 如果我既是其他 Blog 用戶, 也是 Xuite 網路日誌 (部落格) 用戶, 那我就沒有「浪費資源」啊~ 那我應該可以將中文塗鴉"版"放在其他 Blog 上使用吧~ 如果真的是這樣, 而又證明沒有觸犯任何板權法例的話, 夜衫衫非常樂意篇寫教學, 請留言或 Email。 夜衫衫重申, 別因為「免費」, 而去「濫用」, 即使我已沒資格批評別人, 但我沒有故意害人。 如果你也認同我的想法, 請已後看到別人在其他 Blog 上使用 Xuite 網路日誌 (部落格) 的中文塗鴉"版"時, 提醒他一句。 如果你不認同衫衫的想法, 請當這篇文章是廢話。
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月10日 在 Windows Live Spaces 及部落格內加入 twitter 插件
twitter 的崛起其實也不過半年時間, 在這個資訊爆炸的年代, twitter 可以說是其中一個網上異數~ 它突然火速走紅, 首先獲得了美國矽谷創業者的追捧, 繼而被傳謀重點報導, 所有人也認為這個目前不足 10 萬用戶的網站, 會是續 MySpace、YouTube 和 Facebook 外, 未來最熱門的網站! 而且 twitter 的熱潮, 更令網路上出現極多的仿效網站, 包括國外的 Jaiku、Tumblr、Frazr、國內的 飯否、機歪de、台灣的 iSay、巴布 等等; 能夠引發這種現像, 已足證明 twitter 的魅力確實不凡~ 那些甚麼「Web 2.0 最佳代表」、「twitter 的成功背後有甚麼因素和意義」、「是否未來最熱門的網站」等等, 衫衫不敢作出各種評論, 不過衫衫只想以最簡單直接的方式, 去了解和享受 twitter 可以帶來的樂趣~ ^_^ twitter - 這個在半年前 (剛好 6 個月) 才出現的網上玩意, 最原先的設計, 就是在一個類似留言板上, 根據一個很簡單的問題 - 「What are you doing?」(你正在做甚麼?), 從而在不同時間, 輸入你的留言; 透過 twitter, 你可以知道其他人正在做甚麼; 當然, twitter 容許邀請你的朋友, 加入到你的留言板上共同「留言」。使用 twitter, 不須像寫 Blog 般要有一個主題, 不須要完整的內容, 心裡想甚麼就寫甚麼 (要罵人也可以, 只要你不計較別人看到~)
這就是 twitter - 說穿了, 就是簡單的一個個人訊息留言板。 再簡單一點, 如果各位知道甚麼是「碎碎念」(台灣及內地俗語), 則會更加了解現在玩 twitter 的人, 至底用 twitter 在寫甚麼~ 或者你會覺得這玩意很無聊, 但夜衫衫卻頗為喜愛, 特別是 twitter badges (插件) 可以直接放在你每篇的部落格內~ (覺得無聊就別看~! 夜衫衫就是喜愛~! 你%@$#^.....) 路人甲:「夜衫衫又「發作」了...別理他!」 衫:「......」 (繼續) 在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
1. 先到 twitter 官方網站 - http://twitter.com/, 按一下「Join for Free」(圖1)。
2. 請根據指示, 填寫你的個人資料 (圖2), 然後按一下「Continue」按扭。 (圖2) 3. 在這一步驟中, 各位可以輸入自已朋友的電郵地址, 然後按一下「Invite」按扭, 邀請他們使用 twitter, 如果覺得不須要, 則可直接點擊「Skip this Step?」連結跳過這一步 (圖3)。 (圖3) 4. 現在你已成功申請 twitter 帳號, 並可以在訊息欄位上輸入訊息, 輸入訊息後按一下「Update」按扭即會發佈 (圖4)。
5. 很多時候, 網頁未能顯示剛發佈的訊息, 這時候只要刷新一下瀏覽器, 即可解決問題~ 而按下訊息旁邊的「
6. 要將 twitter 加入 Windows Live Spaces, 名位可以在登入 twitter 網站後, 接一下「Badgets」連結 (圖6)。
7. 在這裡,各位可以設定 twitter 介面的顏色及獲得代碼 (圖7), 代碼有兩種形式, 分別是 Flash 及 JavaScript, 要放在 Windows Live Spaces 的話, 選擇 Flash 的形式就可以了; 請將欄位內的整段代碼複製出來; 另外, twitter 亦有提供 Friend's Timeline 嵌入式及 HTML 代碼, Friend's Timeline 除了可以顯示你的留言外, 亦可同時顯示你在 twitter 加入的朋友留言, 各位有興趣的話亦可以放入自已的 Windows Live Spaces 內。 (圖7) 8. 將複製出來的代碼, 先作出一點修改... 為甚麼要修改? 因為雖然 twitter 支持中文顯示, 但字體實在太小, 為免辛苦你的讀者, 還是調整一下比較好, 而修改的方法也很簡單, 只需在代碼中直接調整 width 及 height 的數值即可; 衫衫以自己的代碼作為示範, 將 width 及 height 也修改為 250, 各位可以參考:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox gadget 內, 再按一下「Save」按扭 (圖8)。
9. 預覽一下結果, 發現 twitter 插件已成功安裝在你的 Space 上了, 字體也很清楚 (圖9)。
10. 在這裡也順便試試 Friend's Timeline 提供的嵌入式代碼 (圖10)。
11. 預覽一下結果, 發現 Friend's Timeline 也可成功安裝在你的 Space 上 (圖11)。
12. 另一方面, 因為 twitter 插件代碼的格式, 亦可以利用內嵌影片功能, 直接放在部落格內 (圖12)。
預覽結果? 夜衫衫在這篇教學的最初, 不就是放置我的 twitter 了嗎? ^^ (那不是貼圖啊~! 歡迎各位加入成為好友, 一起開心的「碎碎念」 ^_^)
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月9日 Windows Live Spaces 及 Windows Live Mail Desktop Beta 同日更新各位~ Windows Live Spaces 的開發隊伍 - The Space Craft 昨日正式宣佈, Windows Live Spaces 又再次更新了, 不過今次不是加入甚麼新功能, 而是加入接近 20 個的全新主題~ 下圖是原文中的截圖, 可以看到部份新加入的主題外觀:
不過各位要留意, 這些新的主題, 暫時只有英美等地區用戶才會出現, 其他地區則要到本月下旬左右才可使用~ 另一方面, Windows Live Mail Desktop Beta 的開發隊伍也同日宣佈, Windows Live Mail Desktop Beta 再次更新, 而且, 這個新版本更會首次放在 Mcrosoft Update 中! 換句話說, 各位如果啓動了 Windows 的自動更新功能, 系統就會提醒你自動安裝這個新版本, 新版本為 8.0.1226, 夜衫衫估計, 距離推出正式版 Windows Live Mail Desktop 的日子應該不遠了。名位可以按這裡參考原文。 2月8日 在 Windows Live Spaces 加入 Gabbly、Chatango 聊天室插件上個月介紹了 ShoutMix、Cbox 兩個留言板插件~ (觀看教學) 較早前又介紹了 meebo me、Plugoo 兩個聊天插件~ (觀看教學) 現在應該輪到聊天室插件登場了~ ^^ 說到聊天室, 相信大家都應該不會陌生, 它絕對是早期互聯網上其中一項最為普遍的交友工具, 甚至直至各 IM (Instant Messenger) 軟件已經相當盛行的今日, 網上在線的聊天室仍然是不少人聚腳之處, 可見聊天室依然很受歡迎~ 既然如此, 夜衫衫就少說話多做事, 立即介紹以下兩個聊天室插件, 分別是 Gabbly 及 Chatango, 全都適合在 Windows Live Spaces 上使用。 當然, 要在 Windows Live Spaces 上使用這些聊天室插件, 各位必須在 Space 內, 最少加入 HTML Sandbox 或 Sandbox 這兩個 gadget 其中一個。 在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
兩個聊天室插件介紹:
1. 先到 Gabbly 官方網站 - http://home.gabbly.com/index.jsp?l=zh&c=tw, 按一下「Login」(圖1)。
2. 然後按一下「Register Now」登記帳號 (圖2)。
3. 請根據指示, 填上帳號資訊, 然後按一下「submit」按扭 (圖3)。
4. 然後你會收到一封由 Gabbly 官方網站寄出的確認電子郵件, 在這電郵內, 會有一個啟動帳號連結, 請點選這連結 (圖4)。
5. 點選連結後, 會跳出網頁並顯示你的帳號已被啟動, 然後請點選「Gabbly」連結返回 Gabbly 首頁 (圖5)。
6. 這時候你已成功申請 Gabbly 帳號, 但先別心急, 各位可以回到 Gabbly 首頁, 再次按一下「Login」(圖6), 設定上載你的個人頭像。
7. 然後按一下「Edit Profile and Avatar」登記帳號 (圖7)。
8. 輸入你的帳號名稱及密碼, 然後按一下「Submit」按扭 (圖8)。
9. 在這裡, 除了帳號名稱外, 你可以更改一切個人資訊, 如要上載你的個人頭像, 請按下「Change Avatar」, 當完成設定後, 按一下「Submit」按扭即可儲存修改 (圖9)。
10. 回到 Gabbly 首頁, 我們可以準備一下獲取 Gabbly 的代碼, 按下「網站安裝」(圖10), 然後根據指示, 設定你的 Gabbly 介面及生成代碼, 代碼生成後, 請將欄位內的整段代碼複製出來; 另外, 各位在這裡, 亦可以同時生成 gabbers 貼紙的代碼, 這個 gabbers 貼紙可以即時顯示你的聊天室的在線人數。 (圖10) 11. 將複製出來的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內 (圖11), 再按一下「Save」按扭。
12. 預覽一下結果, 發現 Gabbly 插件已成功安裝在你的 Space 上了 (圖12), 你可以測試一下 Gabbly 聊天室的各項功能。
13. 在聊天室中, 任何人也可以更改暱稱及發言, 如果你有上載你的個人頭像, 可以按「Login」登入 (圖13), 然後輸入你的帳號名稱及密碼, 登入後即可看到在線列表中, 個人頭像會顯示在你的名稱旁邊 (圖14)。
Gabbly 擁有在線顯示訪客清單, 基本上就是聊天室的基本功能, 而且用戶可以自行選擇隱藏這個清單, 算是個非常貼心的功能~ 在其他功能上, Gabbly 仍有很多可以改善的地方, 只好期待 Gabbly 盡快更新加入更多功能。 申請 Chatango 的步驟及加入在 Windows Live Spaces 的方法:
1. 夜衫衫也提過了, Chatango 原先只是個和 meebo me 非常相似的聊天插件, 直到後來系統更新, 才容許用戶加入直正的聊天室插件, 因此, 不論各位希望使用那一種服務, 也須要先申請一個 Chatango 帳號; 所以, 請到 Chatango 官方網站 - http://chatango.com/, 按一下「sign up」(圖1)。
2. 現在你可以慢慢設定你的 Chatango 聊天插件介面, 可自定義的選項很多, 包括背景顏色、介面大小及各種不同文字的顯示顏色等等, 亦可右下方即時預覽效果, 完成設定後, 請按一下「Next ＞＞」按扭 (圖3)。
4. 輪入你的電郵地址、設定密碼及標題, 然後按一下「Sign Up」按扭 (圖4)。
5. 這時候, 網頁會顯示你的 Chatango 聊天插件代碼 (注意啊! 這並非聊天室插件代碼!), 請將欄位內的代碼複製出來 (圖5)。
6. 將複製出來的代碼, 先作出少許修改... 為甚麼要修改? 因為 Chatango 的透明效果問題! (這一方面, 它和 meebo me 真的非常相似!) 夜衫衫在這裡有必要再說明一下: 如果各位將複製出來的整段代碼, 直接放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, Chatango 是無法支持輸入中文的, 要解決這問題, 必須要修改代碼, 修改方法就是在原代碼內, 將 wmode="transparent" 這一句刪除。例如, 以下是夜衫衫申請後所得到的原代碼: ＜div＞＜embed src="http://camuschu.chatango.com/flash/mini.swf" bgcolor="#FFFFFF" width="140" height="150" wmode="transparent" type="application/x-shockwave-flash" flashvars="k=1"/＞＜br＞＜a href="http://chatango.com/signupmini"＞＜img src="http://chatango.com/images/t.gif" border=0＞＜/a＞＜/div＞ 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖6)。
7. 預覽一下結果, 發現 Chatango 聊天插件已成功安裝在你的 Space 上了 (圖7), 不過, 這時候你還要登入 Chatango 網站 - http://chatango.com/, 才可以和你的訪客直接對話, 否則, 你的訪客只會看到如下圖一般, 你的在線狀態顯示為離線。為了測試一下這個 Chatango 聊天插件, 各位必須配合 Chatango 服務才可, 所以請先別關閉預覽中的網頁, 用你的瀏覽器, 多開一個網頁到 Chatango 網站 - http://chatango.com/, 然後登入你的 Chatango 帳號。
8. 登入 Chatango 網站後 (圖8), 各位已可看到在左邊的對話欄位上, 顯示「Waiting for incoming messages」訊息, 代表只要你的訪客在 Chatango 聊天插件上輸入訊息, 你可以即時在這裡和他對話。另外, 各位亦可以在這裡按下「Edit Profile」按扭, 設定你的個人資訊及上載個人圖像。
9. 這時候你可以模疑一下有訪客正在瀏覽你的 Space, 並在 Chatango 聊天插件上輸入訊息 (圖9)。
10. 回到 Chatango 網站網頁, 已看到剛才所發出的訊息, 同時也試試回覆訊息 (圖10)~
11. 回到預覽中的網頁, 看到回覆的訊息已成功顯示 (圖11), 就是這樣, Chatango 聊天插件已可說大功告成!
12. 回到 Chatango 頁首 (要先登入), 就會看到這個 Chatango 新功能 - 聊天室插件的廣告 (圖12), 點擊一下即可進行設置介面。
13. 看到下面的超豐富的設定選項 (圖13), 相信夜衫衫也不用多說明了, Chatango 聊天室插件除了可以容許設定一般介面顏色、字體大小外, 更可在介面上輸入不同的語句, 所有修改可以即時預覽效果, 唯一要注意的, 就是各位必須設立一個和別人不同的 Group URL (二級域名)。設定完成後, 請按一下「Continue」接扭。 (圖13) 14. 這時候, 網頁會顯示你的 Chatango 聊天室插件代碼, 請將欄位內的代碼複製出來 (圖14)。
15. 將複製出來的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖15)。
16. 預覽一下結果, 發現 Chatango 聊天室插件已成功安裝在你的 Space 上了 (圖16), 你的訪客已經可以互相聊天, 如果有上載你的個人頭像, 圖片會顯示在名字的旁邊。
最後, 提提大家, 要更改 Chatango 聊天室的介面設定, 按下介面上「Steal this」連結即可, 而 Chatango 聊天室插件還有其他 4 個主要功能, 分別是删除留言、俏俏話功能、封銷某人及加入或刪除 Moderators (副版主), 這絕對是聊天室內非常實用的功能, 建議大家一試! 一連兩個聊天室插件已經介紹完畢, 遇上問題的話, 迎歡留言。
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月7日 秘密工程近日收到不少 Email 及 Message, 大部份都是問及幾篇夜衫衫尚未完成的教學, 夜衫衫也盡力地一一回應了, 希望各位可以成功! 至於 Sandbox 自動切換效果 (版本一 及 版本二), 今日也修改了一些代碼, 繼續測試中, 希望這次可以解決顯示不穩的問題。(夜衫衫可沒偷懶啊~) 另外, 今日夜衫衫接受了一個關於某著名 gadget 的「秘密工程」, 這工程雖不是甚麼偉大建設, 但因為是夜衫衫的「第一次」嘗試, 也真的非落力不可, 現階段, 夜衫衫只可透露, 這個「秘密工程」完成後, 將會頗為「有趣好玩」~ 敬請期待 2月2日 在 Windows Live Spaces 內加入 meebo me、Plugoo 聊天插件 - 解決 meebo me 不能輸入中文的問題各位請留意: 在 Windows Live Spaces 內加入 meebo me 插件, 很多人也會利用 meebo me 特別為 Windows Live Spaces 創建的那個專用 gadget, 但加入此 gadget 後, 你的訪客是無法輸入中文的! 要解決這問題, 可以靠修改代碼, 再利用 HTML Sandbox 或 Sandbox 這兩個 gadget 其中一個, 詳情請看下文。 有沒有想過, 當有訪客瀏覽你的 Space 時, 你可以和他們直接以文字通訊? 聊天插件就是這種玩意~ 聊天插件可說是近年才出現的新興玩意, 很多人也將它當作成留言板插件, 其實這是錯誤的觀念。兩者的用途可說完全不同, 不過因為一般留言板插件可當作小型聊天室, 所以才惹人誤會。 聊天插件的用途, 就是可以整合你的 IM (Instant Messenger) 軟件帳號, 例如 Windows Live Messenger、Yahoo! Messenger、ICQ、Google Talk 或 AIM 等, 令瀏覽者在你的部落格留言時, 你的 IM 軟件可即時獲得通知, 而你亦可和他 / 她即時對話。還有各位要留意, 聊天插件並非聊天室插件, 聊天插件只支持一對一的對話, 即是你和其中一位訪客交談時 , 其他訪客是無法得知你們的對話內容。 如此說來, 聊天插件的用途, 豈非就只是用作你和你的訪客聊天而已? 它既不能作為留言板, 也不可作為聊天室 (暫時)... 對! 聊天插件的用途就是這意思, 亦只有這個意思 (暫時)。希望各位已後可以分辨清楚。 不過, 某些聊天插件也帶有其他額外的功能, 夜衫衫會在下面一一說明。 一如已往, 夜衫衫介紹過在 Windows Live Spaces 內加入 BlogPet 或留言板插件的方法, 其實也可以利用相同的方法加入各式各樣的聊天插件, 夜衫衫現就介紹以下兩個聊天插件, 分別是 meebo me 及 Plugoo, 全都適合在 Windows Live Spaces 上使用。 當然, 要在 Windows Live Spaces 上使用這些聊天插件, 各位必須在 Space 內, 最少加入 HTML Sandbox 或 Sandbox 這兩個 gadget 其中一個。 在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
聊天室插件介紹:
1. 先到 meebo me 官方網站 - http://www.meebome.com/, 設定你的 meebo me 介面 (圖1)。請根據指示設定你的 meebo me 介面, 然後接一下「next」按扭。
2. 如果你是新用戶, 請在左邊填寫表格申請一個新帳號, 然後接一下「next」按扭; 或者, 如果你已是 meebo 用戶, 請在右邊填上帳號名稱及密碼, 然後接一下「next」按扭 (圖2)。
3. 就是這樣簡單, 即可完成申請 meebo me 帳號過程。最後, 網頁會顯示 meebo me 插件的代碼, 請將整段代碼複製出來 (圖3)。
來到這一步, 各位已成功申請的 meebo 帳號及獲得 meebo me 代碼, 但各位要留意, 在 Windows Live Spaces 內加入 meebo me, 是有兩個不同的方法: 方法一 - 直接利用 meebo me 特別為 Windows Live Spaces 創建的那個專用的 gadget, 但加入此 gadget 後, 你的訪客是無法輸入中文的! (注1) 方法二 - 自行修改 meebo me 代碼, 利用 HTML Sandbox 或 Sandbox 這兩個 gadget 其中一個, 這方法完全支持中文輸入。 (注1) 夜衫衫要提醒各位, meebo me 一直以來的最大缺點, 就是中文輸入的問題; 由 meebo 發給 meebo me 插件的訊息絕對 100% 支持輸入繁簡體中文, 不過反過來, 由 meebo me 插件發給 meebo 的訊息, 卻不能輸入中文的訊息及暱稱, 對於這一點, meebo 官方已經作出回應, 並提供解決方法, 可惜這解決方法並不適合在 Windows Live Spaces 專用插件上使用。 基於以上問題, 各位在加入 meebo me 前, 就必須先決定用那一種方法, 如果用 方法一 則可跟著由 步驟 4 至 步驟 6 做; 如果用 方法二 則可跟著由 步驟 7 至 步驟 8 做。 4. 如果各位選擇 方法一, 則可直接利用 meebo me 特別為 Windows Live Spaces 創建的專用 gadget, 各位到 http://gallery.live.com 就可找到 meebo me 這個 gadget; 或者, 先登入自已的 Space, 再直接按下這裡, 將 meebo me 的 Windows Live Spaces 專用插件, 加入到自已的 Space 內。當 meebo me 這個 gadget 已經加到 Space 後, 請按一下「安裝小工具」按扭 (圖4)。
5. 將複製出來的整段代碼, 貼到 Space 內 meebo me 的欄位內, 再按一下「Save Your Widget!」按扭, 即可完成安裝及設定過程 (圖5)。
6. 預覽一下結果, 發現 meebo me 插件已成功安裝在你的 Space 上了 (圖6), 不過, 這時候你還要登入 meebo 網站 - http://wwwl.meebo.com/index-ch.html, 才可以和你的訪客直接對話, 否則, 你的訪客只會看到如下圖一般, 你的在線狀態顯示為離線。
7. 如果各位選擇 方法二, 就必須要留意, 如果將複製出來的整段代碼, 直接放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 也是無法支持輸入中文的, 要解決這問題, 必須要修改代碼, 修改方法就是在原代碼內, 將 wmode="transparent" 這一句刪除。例如, 以下是夜衫衫申請後所得到的原代碼: ＜embed src="http://widget.meebo.com/mm.swf?CKkJSfhjRL" type="application/x-shockwave-flash" wmode="transparent" width="190" height="275"＞＜/embed＞ 修改後為:
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。 將修改後的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖7)。
8.預覽一下結果, 發現 meebo me 插件已成功安裝在你的 Space 上了 (圖8), 並且已可支持輸入中文訊息及暱稱。不過, 這時候你還要登入 meebo 網站 - http://wwwl.meebo.com/index-ch.html, 才可以和你的訪客直接對話, 否則, 你的訪客只會看到如下圖一般, 你的在線狀態顯示為離線。 9. 不管你是選擇那一種方法, 為了測試一下這個 meebo me 插件, 各位必須配合 meebo 服務才可使用 meebo me 插件, 所以請先別關閉預覽中的網頁, 用你的瀏覽器, 多開一個網頁到 meebo 網站 - http://wwwl.meebo.com/index-ch.html, 然後登入你的 meebo 帳號 (圖9)。
10. 登入後, 你會看見你的好友清單上, 出現最少一名叫 "Guest" 的好友 (圖10)? 別奇怪, 這是正常的, 因為你另一個預覽中的網頁沒有關閉, 這時候你可以模疑一下有訪客正在瀏覽你的 Space, 並在 meebo me 插件上輸入訊息及暱稱 (圖11)。
11. 回到 meebo 網站, 已看見剛才測試時發出的訊息, 並且原來名叫 "Guest" 的好友, 已改名成剛才測試輸入的暱稱 (圖12), 現在可以測試一下回覆這個訊寫了~
12. 再回到預覽中的網頁, 已能看到收到測試回覆的訊息了 (圖13 及 圖14), meebo me 插件就是利用上述方法, 令你和你的訪客直接對話; 另外, 如果同時間多於一個訪客預覽你的 Space, meebo 網站上的好友清單上會出現多個 "Guest" 好友, 這也簡接令你可以知道, 同時間內有多少人預覽你的 Space。
13. 現在已說明如何將 meebo me 插件加入 Windows Live Spaces 的方法, 各位其實更可以在 meebo 網站上登入其他 IM 軟件帳號, 既可同時和你的訪客直接對話, 也可試試 meebo 的服務, 省卻開啓多個 IM 軟件的煩惱~ ^^ 2007 年 5 月 14 日 更新: meebo 網站推出全新 meebo room 聊天室插件了, 有關詳情, 可參考以下文章: 1. 先到 Plugoo 官方網站 - http://www.plugoo.com, 並決定你希望設定整合的 IM 軟件帳號, 然後選擇圖示 (圖1)。
2. 填上你的 Windows Live Messenger 帳號名稱, 及填上你的電郵地址 (圖2)。
3. 選擇你的 Plugoo 帳號密碼, 並將 "I've read and accepted TOS" 方格打勾 (圖3)。
4. 當出現下圖時 (圖4), 已代表 Plugoo 系統已發出一封確認電郵, 請問啓該電子郵件。
5. Plugoo 的確認電郵中, 除了有你的 Plugoo 帳號密碼外, 更有一個啟動帳號連結, 請點選這連結 (圖5)。
6. 當點選連結後, 請開啓你的 Windows Live Messenger, Plugoo 系統會加入到你的 Windows Live Messenger 成為連絡人 (圖6), 請按「確定」按扭。
7. 然後可根據指示, 設定你的 Plugoo 介面及其他選項, 設定完畢後, 謹記接下 "SAVE" 按扭儲存設定, 最後請按一下 "Installing my Plugoo" 選項 (圖7)。
8. 這時候網頁會顯示 Plugoo 插件的代碼, 請將欄位內的整段代碼複製出來 (圖8)。
9. 將複製出來的代碼, 放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內 (圖8), 再按一下「Save」按扭 (圖9)。
10. 預覽一下結果, 發現 Plugoo 插件已成功安裝在你的 Space 上了 (圖10), 你的 Plugoo 插件狀態, 是會隨著你的 Windows Live Messenger 狀態同步的。
11. 在 Plugoo 插件上, 你現在可以測試一下輸入訊息 (圖12), 你會發現當你的訪客留言時, 你 Windows Live Messenger 內的 "Plugoo" 連絡人就是你的訪客, 利用這個方法, 這樣你的訪客就能直接和你對話, 十分方便。另外, 如果同時多過一位訪客時, 你的 Windows Live Messenger 對話框內, 每個訊息開頭都會加上「訪客暱稱」作為分別, 所以不須害怕分不清不同訪客的對話。
12. 不過在最後, 夜衫衫必須提醒大家, 在 Plugoo 插件上的暱稱欄位上, 暫時仍是無法輸入中文的, 所以當你加入此插件後, 謹記在適當的地方上, 提醒你的訪客, 別嘗試修改暱稱為中文; 另外, 即使訊息欄可以顯示及輸入中文, 但顯示字體的效果也不太理想 (特別是簡體中文), 以上這些, 只能期待 Plugoo 官方可以盡快修改此問題。 一連兩個聊天插件已經介紹完畢, 亦說明了如何修改才可令 meebo me 成功輸入中文, 喜歡使用那一個請自行選擇, 遇上問題的話請留言說明~ ^_^
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。 2月1日 Windows Live Messenger 8.1 再見 Beta 版本~ 正式推出 8.1 版本
在昨日, Windows Live Messenger 的開發隊伍成員之一 - Nicole, 正式宣佈 Windows Live Messenger 已推出 8.1 版本, 各位已經可以在各地區的 Windows Live Messenger 頁首下載。 最近, 大部份軟件隨著 Windows Vista 的推出, 也加快了更新的速度, Windows Live Messenger 也不例外, 這個 8.1 正式版本 (Build 8.1.0178.00), 比預期推出的快, 還記得上一 Beta 版本不過是去年 12 月中旬才發佈。這次更新為正式版本, 正好可以趕及兩日後, 正式推出的 Windows Vista。 這個新版本, 改善及修改了頗多地方, 各位想清楚了解所有的話, 可觀看原文, 以下夜衫衫指出幾項其中較為明顯的地方吧~ 1. Contact Card 外觀 - Contact Card 的外觀修改了, 面積比已往版本大, 各資訊排位亦更清楚。
2. 表情符號列表外觀 - 表情符號列表的外觀也更新了。
3. 隱藏的表情符號? 只要在訊息上輸入 (M), 即會出現以下 Windows Live Messenger 的隱藏表情符號。
4. 在 Windows Live Messenger 的介面上, Beta 的字樣當然消失了~
除了以上的修改, 在穩定性及兼容性上也據稱改善了, 至於其他的修改, 各位可自行觀看原文。
http://www.microsoft.com/hk/windows/chinese/promotion.htm PS: 夜衫衫也想去啊~~ |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
