衫衫's profile夜♋衫衫工作室™PhotosBlogListsMore Tools Help

Blog


    February 02

    在 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 時, 你可以和他們直接以文字通訊? 聊天插件就是這種玩意~

    聊天插件可說是近年才出現的新興玩意, 很多人也將它當作成留言板插件, 其實這是錯誤的觀念。兩者的用途可說完全不同, 不過因為一般留言板插件可當作小型聊天室, 所以才惹人誤會。
     

    聊天插件 vs 聊天室插件

    聊天插件的用途, 就是可以整合你的 IM (Instant Messenger) 軟件帳號, 例如 Windows Live MessengerYahoo! MessengerICQGoogle TalkAIM 等, 令瀏覽者在你的部落格留言時, 你的 IM 軟件可即時獲得通知, 而你亦可和他 / 她即時對話。還有各位要留意, 聊天插件並非聊天室插件, 聊天插件只支持一對一的對話, 即是你和其中一位訪客交談時 , 其他訪客是無法得知你們的對話內容。

    如此說來, 聊天插件的用途, 豈非就只是用作你和你的訪客聊天而已? 它既不能作為留言板, 也不可作為聊天室 (暫時)...

    對! 聊天插件的用途就是這意思, 亦只有這個意思 (暫時)。希望各位已後可以分辨清楚。

    不過, 某些聊天插件也帶有其他額外的功能, 夜衫衫會在下面一一說明。

    一如已往, 夜衫衫介紹過在 Windows Live Spaces 內加入 BlogPet 或留言板插件的方法, 其實也可以利用相同的方法加入各式各樣的聊天插件, 夜衫衫現就介紹以下兩個聊天插件, 分別是 meebo mePlugoo, 全都適合在 Windows Live Spaces 上使用。

    當然, 要在 Windows Live Spaces 上使用這些聊天插件, 各位必須在 Space 內, 最少加入 HTML Sandbox Sandbox 這兩個 gadget 其中一個。

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

    ☞ 請各位注意:

    1. 本教學會利用到 Sandbox 這個 gadget, 如果各位不清楚 Sandbox 這個 gadget 是甚麼, 請參考 <六. 利用 Sandbox gadget 在 Space 頁首上加入 Flash 物件~ 並以 Slide 相簿特效作示範>。

    2. 如果因為 HTML SandboxSandbox 的最大字元限制而無法加入以上插件或玩意, 可參考 <九. 在 Space 頁首上加入多個 Sandbox 或 HTML Sandbox gadget 教學>。
    3. 教學所介紹的插件, 衫衫只有在 HTML Sandbox Sandbox 這兩個 gadget 上進行測試。如果各位希望在 Custom HTMLHTML 模瑰部落格內加入插件的話, 請自行研究插件代碼的轉換方法。
    4. 在 2007 年 1 月, Windows Live Spaces 系統更新後, 加入了新功能 - 內嵌影片, 容許用戶在每篇部落格中加使用 <embed> 語法加入 Flash 插件, 如果各位不清楚這內嵌影片功能, 可參考 <十三.「內嵌影片」功能的用途>。

    聊天室插件介紹:

    meebo me - 在介紹 meebo me 這個玩意前, 一定要介紹一下它的「母親」 - meebomeebo 本來就是一個利用 AJAX 技術, 提供在線型式同時使用 Windows Live MessengerYahoo! MessengerICQAIMGoogle Talk 等 IM 的免費網站服務, 功能就如 TrillianGaim 的在線版本, 它的優點當然是讓用戶可以在同一網頁中, 同時登入以上所有的 IM 帳號, 在一個介面上顯示出你全部的連聯人清單, 但缺點就是只容許文字通訊, 無法以語音或視像對話。去年 12 月, meebo 推出了一個名叫 meebo me 的全新服務, meebo me 是一個 Flash 的 聊天插件, 須配合 meebo 一同使用, meebo me 可以讓用戶放在自已個人網頁或 Blog 中, 即時和訪客對話。另一方面, meebo me 更特別為 Windows Live Spaces 創建了一個專用的 gadget, 讓所有 Spaces 用戶能夠更輕易地將 meebo me 放在自已的 Space 中。此外, 其實利用 meebo me, 你也可以看到自己 blog 的線上用戶 總數, 算是一個額外功能。不過, meebo me 最初在支持中文輸入方面出現很大問題, 幸好現在已有完全解決方法。
    http://www.meebome.com/

    Plugoo - 一個在近期極為流行, 挺有意思的新玩意~! Plugoo 在去年 2006 年底才正式「誕生」, 最初推出時, 採用類似 Gmail MyWallop 的邀請制度, 即只有現有帳號用戶才可以邀請他人加入, 但現在已經正式開放給所有人。Plugoo 最特別之處, 在於它可整合到你的 IM (Instant Messenger) 軟件帳號, 情況就和 meebo me 服務差不多, Plugoo 可以令你的訪客透過你的 Blog 或個人網頁, 直接和你的 IM 軟件通訊, 整個過程中, 你的訪客不用安裝任何軟件、不用登入任何 IM 帳號, 非常方便, 個人認為在設計上 Plugoomeebo me 更優勝之處, 就是令你毋須好像 meebo me 般要在網站上再登錄, 省卻多開一個 IM, 使用上就更方便, 而且, Plugoo 利用了系統的「第三者」作為連絡人 (註冊成功以後系統會自動添加「plugoo@plugoo.com」成為你 IM 的好友, 然後你的訪客會透過這個連絡人和你對話), 不需要額外的帳號, 這令用戶可以使用自己的 IM 軟件直接和訪客通訊, 又不會暴露用戶 IM 帳號給任何人知道, 使用安全。Plugoo 亦提供了自定義在線、忙碌、離線等狀態訊息功能, 你的 IM 軟件狀態設定, 會跟 Plugoo 同步;再加上豐富的其他自定義功能, 包括自訂標題、提示資訊、介面及文字大小及介面配色, 這也是 Plugoo 的另一特色。不過, Plugoo 暫時只可同時整合你的一個 IM 軟件帳號, 而且 Plugoo 暫時對中文的支持不太理想, 這算是個小小的缺點。
    http://www.plugoo.com

    meebo mePlugoo兩者互相比較
      meebo me
    Plugoo
    介面設計 meebo me 介面 Plugoo 介面
    優點

    1. 完全支持繁簡體中文輸入 (需自行修改代碼)

    1. 可以自定義介面設定
     

    2. 配合 meebo 服務使用, 可節省開啟多個 IM 軟件

    2. 直接整合到你的 IM 軟件帳號, 與訪客對話更方便。
    缺點 1. 標題不可設定中文 1. 暫時訪客暱稱不能輸入中文
     

    2. 介面設定選項較少

    2. 顯示中文字體的效果不太理想

     

    申請 meebo me 的步驟及加入在 Windows Live Spaces 的方法:

    1. 先到 meebo me 官方網站 - http://www.meebome.com/, 設定你的 meebo me 介面 (圖1)。請根據指示設定你的 meebo me 介面, 然後接一下「next」按扭。

    (圖1)

    2. 如果你是新用戶, 請在左邊填寫表格申請一個新帳號, 然後接一下「next」按扭; 或者, 如果你已是 meebo 用戶, 請在右邊填上帳號名稱及密碼, 然後接一下「next」按扭 (圖2)

    (圖3)

    3. 就是這樣簡單, 即可完成申請 meebo me 帳號過程。最後, 網頁會顯示 meebo me 插件的代碼, 請將整段代碼複製出來 (圖3)

    (圖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)

    (圖4)

    5. 將複製出來的整段代碼, 貼到 Space 內 meebo me 的欄位內, 再按一下「Save Your Widget!」按扭, 即可完成安裝及設定過程 (圖5)

    (圖5)

    6. 預覽一下結果, 發現 meebo me 插件已成功安裝在你的 Space 上了 (圖6), 不過, 這時候你還要登入 meebo 網站 - http://wwwl.meebo.com/index-ch.html, 才可以和你的訪客直接對話, 否則, 你的訪客只會看到如下圖一般, 你的在線狀態顯示為離線。
    PS: 利用這 方法一, 是無法輸入中文訊息或暱稱的。

    (圖6)

    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>

    修改後為:

    <embed src="http://widget.meebo.com/mm.swf?CKkJSfhjRL" type="application/x-shockwave-flash"  height="275"></embed>

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

    將修改後的代碼, 放入 HTML Sandbox Sandbox 隨便一個 gadget 內, 再按一下「Save」按扭 (圖7)

    (圖7)

    8.預覽一下結果, 發現 meebo me 插件已成功安裝在你的 Space 上了 (圖8), 並且已可支持輸入中文訊息及暱稱。不過, 這時候你還要登入 meebo 網站 - http://wwwl.meebo.com/index-ch.html, 才可以和你的訪客直接對話, 否則, 你的訪客只會看到如下圖一般, 你的在線狀態顯示為離線。

     (圖8)
    PS: 利用刪除 wmode="transparent" 的方法支持中文輸入, 只適用在 方法二

    9. 不管你是選擇那一種方法, 為了測試一下這個 meebo me 插件, 各位必須配合 meebo 服務才可使用 meebo me 插件, 所以請先別關閉預覽中的網頁, 用你的瀏覽器, 多開一個網頁到 meebo 網站 - http://wwwl.meebo.com/index-ch.html, 然後登入你的 meebo 帳號 (圖9)

    (圖9)

    10. 登入後, 你會看見你的好友清單上, 出現最少一名叫 "Guest" 的好友  (圖10)? 別奇怪, 這是正常的, 因為你另一個預覽中的網頁沒有關閉, 這時候你可以模疑一下有訪客正在瀏覽你的 Space, 並在 meebo me 插件上輸入訊息及暱稱 (圖11)

    (圖10)(圖11)

    11. 回到 meebo 網站, 已看見剛才測試時發出的訊息, 並且原來名叫 "Guest" 的好友, 已改名成剛才測試輸入的暱稱 (圖12), 現在可以測試一下回覆這個訊寫了~

    (圖12)

    12. 再回到預覽中的網頁, 已能看到收到測試回覆的訊息了 (圖13 及 圖14), meebo me 插件就是利用上述方法, 令你和你的訪客直接對話; 另外, 如果同時間多於一個訪客預覽你的 Space, meebo 網站上的好友清單上會出現多個 "Guest" 好友, 這也簡接令你可以知道, 同時間內有多少人預覽你的 Space。

    (圖13) Windows Live Spaces 專用 meebo me 插件測試結果 (圖14) Sandbox + meebo me 測試結果

    13. 現在已說明如何將 meebo me 插件加入 Windows Live Spaces 的方法, 各位其實更可以在 meebo 網站上登入其他 IM 軟件帳號, 既可同時和你的訪客直接對話, 也可試試 meebo 的服務, 省卻開啓多個 IM 軟件的煩惱~ ^^

    2007 年 5 月 14 日 更新:

    meebo 網站推出全新 meebo room 聊天室插件了, 有關詳情, 可參考以下文章:
    http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!3721.entry
     

    申請 Plugoo 的步驟及加入在 Windows Live Spaces 的方法:

    1. 先到 Plugoo 官方網站 - http://www.plugoo.com, 並決定你希望設定整合的 IM 軟件帳號, 然後選擇圖示 (圖1)
    PS: 本教學中, 夜衫衫將以 Plugoo 配合 Windows Live Messenger 作為示範。

    (圖1)

    2. 填上你的 Windows Live Messenger 帳號名稱, 及填上你的電郵地址 (圖2)
    PS: 如果你以 Plugoo 配合其他 IM 軟件帳號, 這一步則出現不同選項。

    (圖2)

    3. 選擇你的 Plugoo 帳號密碼, 並將 "I've read and accepted TOS" 方格打勾 (圖3)

    (圖3)

    4. 當出現下圖時 (圖4), 已代表 Plugoo 系統已發出一封確認電郵, 請問啓該電子郵件。

    (圖4)

    5. Plugoo 的確認電郵中, 除了有你的 Plugoo 帳號密碼外, 更有一個啟動帳號連結, 請點選這連結 (圖5)

    (圖5)

    6. 當點選連結後, 請開啓你的 Windows Live Messenger, Plugoo 系統會加入到你的 Windows Live Messenger 成為連絡人 (圖6), 請按「確定」按扭。

    (圖6)

    7. 然後可根據指示, 設定你的 Plugoo 介面及其他選項, 設定完畢後, 謹記接下 "SAVE" 按扭儲存設定, 最後請按一下 "Installing my Plugoo" 選項 (圖7)

    (圖7)

    8. 這時候網頁會顯示 Plugoo 插件的代碼, 請將欄位內的整段代碼複製出來 (圖8)

    (圖8)

    9. 將複製出來的代碼, 放入 HTML Sandbox Sandbox 隨便一個 gadget 內 (圖8), 再按一下「Save」按扭 (圖9)

    (圖9)

    10. 預覽一下結果, 發現 Plugoo 插件已成功安裝在你的 Space 上了 (圖10), 你的 Plugoo 插件狀態, 是會隨著你的 Windows Live Messenger 狀態同步的。

    (圖11)
      離線狀態

    11. 在 Plugoo 插件上, 你現在可以測試一下輸入訊息 (圖12), 你會發現當你的訪客留言時, 你 Windows Live Messenger 內的 "Plugoo" 連絡人就是你的訪客, 利用這個方法, 這樣你的訪客就能直接和你對話, 十分方便。另外, 如果同時多過一位訪客時, 你的 Windows Live Messenger 對話框內, 每個訊息開頭都會加上「訪客暱稱」作為分別, 所以不須害怕分不清不同訪客的對話。

    (圖12)

    12. 不過在最後, 夜衫衫必須提醒大家, 在 Plugoo 插件上的暱稱欄位上, 暫時仍是無法輸入中文的, 所以當你加入此插件後, 謹記在適當的地方上, 提醒你的訪客, 別嘗試修改暱稱為中文; 另外, 即使訊息欄可以顯示及輸入中文, 但顯示字體的效果也不太理想 (特別是簡體中文), 以上這些, 只能期待 Plugoo 官方可以盡快修改此問題。

    一連兩個聊天插件已經介紹完畢, 亦說明了如何修改才可令 meebo me 成功輸入中文, 喜歡使用那一個請自行選擇, 遇上問題的話請留言說明~ ^_^
     

    本教學最後更新日期: 2007 年 5 月 14 日

    本節教學完畢

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

    Comments (11)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    衫衫 夜wrote:
    你好,
    別客氣~ 衫衫在這裡先恭喜你成功了~ ^_^
    July 27
    He Aminiwrote:
    Thank you for your help,my friend !
    July 23
    衫衫 夜wrote:
    殘噯 你好,
    十分抱歉, 你是指 meebo me 的第 3 步? 還是 Plugoo 的第 3 步?
    你不說明清楚, 衫衫也無法幫到你啊~
    Apr. 14
    Lily Sowrote:
    第3步怎么也完成不到...怎么办?
    Apr. 12
    衫衫 夜wrote:
    偉森實業社(WEI SEN GIFT) 你好,
     怎麼改成半形? 就是將代碼中的 "<" 及 ">" 改成 "<" 及 ">" 符號了, 總共是四個, 更改後放在 Sandbox 中即可。
     祝你成功~! 
    Aug. 22
    森 楊wrote:
     請將代碼內全形的 <> 符號改成半形的 <> 符號 怎麼改成半形?還有<embed src="http://widget.meebo.com/mm.swf?CKkJSfhjRL" type="application/x-shockwave-flash"  height="275"></embed>你這個語法那些需要改是所有<> 符號都改還是那裡?你來e-mail:wei.sen@msa.hinet.net告知我感謝你的幫忙
    Aug. 22
    衫衫 夜wrote:
    Ben 你好,
    哈哈~
    這一次衫衫也佩服你了, 我花了近兩小時也改不了那代碼, 你卻已改好了~ 所以, 當然是恭喜你成功啦~ ^_^
    PS: 鳴.....後來衫衫發現了自已的代碼中, 漏了一個 (") 號~ 就這樣花了兩個小時 >.<
    Mar. 1
    Kai Bun Benwrote:
    問題我已經自行解決了... 先謝謝你的教導!
    有時間來看一看我的blog比小小意見啦...謝謝!!!
    Mar. 1
    Kai Bun Benwrote:
    其實我是知道custom html 的支援語法與HTML Sandbox 及 Sandbox 有所不同, 有方法可以改寫一下嗎?
    令plugoo能在custom html顯示到!
    因為HTML Sandbox 及 Sandbox我已經放了留意版及聊天室, 現在只可放在custom html了, 請幫幫我...謝謝!
    Mar. 1
    衫衫 夜wrote:
    Ben  你好,
    別客氣~ 大家互相交流一下~ ^_^
    custom html 的支援語法程度, 始終和 HTML Sandbox 及 Sandbox 有所不同, 所以 plugoo 的代碼是不適用於 custom html。至於他們三者之間的詳細分別, 你可以看看小綠人的這篇文章, 相信會明白多一點~
    Mar. 1
    Kai Bun Benwrote:
    為何不可以在custom html加入plugoo???
    可教教我嗎???
    Mar. 1

    Trackbacks

    The trackback URL for this entry is:
    http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!1395.trak
    Weblogs that reference this entry
    • None