如何在網頁、BLOG嵌入「MSN聊天視窗」?(新增:彩色面板)

 

 

推到 Twitter!
推到 Plurk!
推到 Facebook!
版本更新回報..

一般情況下,要跟朋友聊MSN的話必須得安裝MSN或Windows Live Messenger軟體,且需把對方加入成為自己的好友,才能順利跟對方聊天。不過如果你希望大家能直接從部落格或網頁中傳訊息到MSN給你,且不希望透漏你自己的MSN帳號的話,那該怎麼做呢?

 

2008/1/10更新:MSN聊天面板新增彩色佈景主題,並可自由設定面板尺寸大小。

 

以下介紹微軟所提供的「嵌入式MSN聊天視窗」,讓我們可以直接將自己的MSN帳號聊天視窗嵌入到你的網頁或部落格中,讓大家可以直接從網頁上傳訊息到你的MSN跟你聊天,而且設定方法相當簡單只要先開放顯示MSN上線狀態,然後再把HTML程式碼貼到你的部落格文章或面板中即可。 (在Opera瀏覽器中似乎不太正常)

設定網頁按這裡

 

順便一提,使用這個嵌入式MSN聊天面板,發訊息的人可以不用安裝MSN軟體就可以直接從網頁或部落格中發出訊息給部落格站長,這是多對一的形式(網友發給站長),而不是讓網友對網友互相聊天唷!當然,上面還有選項可以讓我們選擇使用自己的MSN帳號跟對方對談不管是用自己帳號,或者用訪客的帳號,都可以做即時傳訊唷。 (對了,Yahoo即時通也有網頁版的唷,參考:http://briian.com/?p=904

 

嵌入式MSN聊天視窗範例:

(請按「開始對話」開始傳送訊息,如果顯示離線,表示我在睡覺或不能見人,呵~)

 

 

本文篇章:
一、啟用「顯示Messenger線上狀態」功能
二、嵌入MSN聊天視窗用的程式碼
三、開始聊天

延伸閱讀:在你的blog、拍賣網站貼上「即時通」聊天室,免登入、免裝軟體線上即時對談!

 

 

一、啟用「顯示Messenger線上狀態」功能

第1步   首先請按這邊開啟Windows Live的網頁,用你的MSN帳號(Windows Live ID)登入網站。

WEB2MSN-01 

 

第2步  登入之後請按一下「網頁設定」,準備修改MSN線上狀態的顯示設定。

 WEB2MSN-02

 

第3步  如圖請勾選「允許所有網際網路使用者看見我的線上狀態,並傳訊息給我」這個項目,接著再按一下〔儲存〕按鈕,確定讓網友可以從網頁上看到你的MSN上線狀態。

 WEB2MSN-03

 

 

 

二、嵌入MSN聊天視窗用的程式碼

第1步   依照上面的方法設定好線上狀態之後,先按一下左邊的〔建立HTML〕,再點選「即時通訊視窗」。

1-15-12-06

 

第2步  將頁面捲動到下方,在「大小」欄位中設定你喜歡的對話框尺寸,尺寸大小可以任意設定,當然盡量符合你要放置的版面尺寸囉。下面的「主題」部份請點選你喜歡的顏色,目前有7種顏色可供選擇。

1-15-16-20

 

 

第3步  接著捲動頁面到最下方,將頁面中的HTML程式碼全選後複製下來準備貼到你的網頁或部落格面板中。

1-15-20-43

 

 

第4步  如圖,這裡以貼到部落格的文章為範例,將剛剛的HTML程式碼貼上到文章中。或者你也可以直接將程式碼貼到網站的THEME面板中讓網友隨時可以從你的網站發訊息給你。(對了,無名小站跟一些比較龜毛的網站不支援這個語法唷)

 WEB2MSN-06

 

本文篇章:
一、啟用「顯示Messenger線上狀態」功能
二、嵌入MSN聊天視窗用的程式碼
三、開始聊天

 

還沒完,請翻下一頁: 1 2

 

(請勿全文轉貼本站文章,歡迎「部份引用」或介紹,引用時請註明 ①網站名稱 與 ②文章網址,感謝~~ )
→ 免費訂閱最新文章:  (如何訂閱?)
本文作者:不來恩 | 發表時間:2008/01/10 | 分類: MSN, WLM 聊天軟體 | Trackback 引用網址     
注意事項:本站所介紹之軟體、設定或網站服務,經實際安裝測試並通過防毒軟體掃毒。但因為不同電腦環境與軟體設定可能都各有差異,建議您僅在非工作用的電腦安裝、測試,避免因為不可預知的錯誤、當機或軟硬體衝突,影響您的工作或電腦運作。另外,在進行任何重要的操作與設定之前,記得先行備份電腦中的重要資料,避免因為未依指示的不當操作或其他疏失造成資料毀損。當您依照本文所提供之訊息執行各種操作,表示您已閱讀此注意事項並同意自行承擔可能之風險與責任。

飛狼直升機 HP CQ41-105AX 64雙核獨顯強悍機 好神拖360度旋轉拖把組(拖把+脫水桶+布盤x1)

 

關於本主題有 89 個留言:

  1. J 說道:

    怪了 搞了半天…

    為什麼繁體中文都出現不了 他都是空白的?

    我把它改成英文的 他就出現的了 為什麼繁體中文 以前可以現在就不行了呢?

  2. 小太陽 說道:

    呵呵..謝謝….
    雖然晚了一年半才得知這個資訊
    但還不錯喲..仍可以用…ok的!!

  3. MANCY 說道:

    痳煩,,,
    怎樣 搞MSN網頁..去聊天..
    我沒有MSN的面..

  4. MILK 說道:

    我整唔到呀,,
    HEIP HEIP
    點樣整可以令到網頁中看到MSN聊天視窗
    http://www.milkbb.com
    我要整係呢度上面…幫下手 THX

  5. 水也 說道:

    謝謝您~~我成功囉!

  6. Wensi 說道:

    我想問yahoo ge blog 係咪 唔可以在網頁中嵌入「MSN聊天視窗」?

  7. MANCY 說道:

    我整唔到呀,,
    HEIP HEIP
    點樣整可以令到網頁中看到MSN聊天視窗
    http://mancy322.shopping.ttyy.hk/
    我要整係呢度上面…幫下手 THX

  8. xavi 說道:

    是啊,不曉得有沒有人知道怎麼把驗證碼移除,有點麻煩。

  9. 角瓶 說道:

    不曉得能不能把輸入認證的那個動作移除掉
    不然有些人會覺得很麻煩

  10. MCC 說道:

    公司upgrade咗個server, 全人類都用不到msn, 連全部網頁版都鎖啦~~還有其他方法嗎?? 沒了msn好慘呀….可以有人打救我嗎???

  11. annie0606 說道:

    我直接貼上你的blog網址 謝謝

  12. 訪客 說道:

    如果自己的msn被公司封鎖可以用嗎?(連很多個網頁版)都鎖啦~

  13. 訪客 說道:

    可以傳檔案嗎

  14. 訪客 說道:

    xuite可以用嗎

  15. Pinky 說道:

    嗯嗯…這個不知道穩定度如何
    之前有用過Plugoo,不過可惜一換頁對話就中斷了
    剛剛翻了一下留言這個好像也會耶
    真是可惜
    不過還是來試用看看好了,期望他可以繼續發展下去

  16. 不來恩 說道:

    Y拍不行喔,YAHOO沒開放的話就不行。

  17. 小瑜 說道:

    請問Y拍可以使用嗎?
    因為我有試過都不行捏~~
    想請問有人知道該怎麼用呢??

  18. 路人 說道:

    這個功能時好時壞的感覺

  19. 呆皮 說道:

    謝謝你的提供分享壓~~
    很好用唷~

  20. Free Avatars 說道:

    Free Avatars…

    Amazing web-site, i like it…

  21. 訪客 說道:

    MSN Messenger 網頁版

    Windows Live 登入帳號: (Email)

    登入密碼:

    @重灌狂人 說明?

  22. 請填暱稱 說道:

    太感谢了啊

  23. qq 說道:

    奇摩部落格是不是沒辦法弄呢?因為我有把狀態設成線上,

    也有複製與法,可是依職無法顯示出來,不知是為什麼抱歉
    麻煩你了

  24. dog 說道:

    很方便耶!!!
    感謝分享!!!

  25. 克萊兒 說道:

    請教一下.可以在msn的分享空間(windows live網站的 space)裏面嵌入msn聊天視窗嗎??
    可以指點一下.要將複製的HTML程式碼貼在哪呢??
    感謝~~

  26. 請填暱稱 說道:

    我怎麼用都沒辦法 他都顯示出無法連線的視窗

  27. 丸子 說道:

    請問一下
    無名好像做不出聊天視窗
    可否有解決方案

  28. 請填暱稱 說道:

    请问这个在friendster用得到吗

  29. peggy 說道:

    您好 我剛剛有嘗試 但是畫素300*300好大 這樣我的連結會跑到下面去 我想縮小 都不行ㄟ 一直定格在300*300..那整體畫面就會不好看..嗚..只好又拉掉 .不知道有沒有方式解決呢

  30. k 說道:

    不知道可否改狀態圖片(自訂)?
    很實用的工具 謝謝

  31. 不來恩 說道:

    單純的文字訊息交談而已,不會有廣告或中毒。

    他的交談頁面都是放在微軟主機,不會佔用自己網站的資源。

  32. harmi 說道:

    版主
    但這個會不會很容易收到中毒或情色廣告阿??
    還是就單純傳訊息交談而已??

  33. 請填暱稱 說道:

    我怎麼接到出現簡體中文的版了
    http://settings.messenger.live.com/applications/Default.aspx

  34. 剛剛用一用…網誌掛點了….囧
    改也改不回來!!!

  35. 說道:

    謝謝分享

  36. karopi 說道:

    本來已經準備花大錢買人家現成的線上客服軟體了
    還好忍下來了

    微軟這一次又幹掉一堆廠商了

  37. 老灰ㄚ 說道:

    好東西,可俺就是搞它不定.祝 安

  38. 阿福 說道:

    實用!!

  39. 愛小咪 說道:

    中文 官方介紹網站
    http://wowimme.spaces.live.com/
    配這個很漂亮耶

  40. [...] *知識從哪裡來:重灌狂人 ————————————- 不來恩:如何在網頁中嵌入「MSN聊天視窗」?(從Blog傳訊息到MSN) [...]

  41. wuy890124 說道:

    真的很方便耶!!這個系統值得一推~

  42. 貓女 說道:

    您好、
    謝謝您分享這麻詳細的資訊

    想請教一下在Mac 裡的safari 是否無法支援

    因為貓貓設定在自己的部落格內、但是朋友丟訊息過來都無法閱讀
    我一點、就會開啟msn 預設瀏覽器 safari

    不知道您之前有碰過類似的狀況嗎?

    謝謝您

  43. 不來恩 說道:

    呵,因為本站留言這區塊,沒有設定AJAX不翻頁的模式,可能得再找外掛來弄吧。

    像YouTube這網站,你在影片下面留言送出後,它會用AJAX的方式直接更新留言內容,
    不會影響或中斷正在播放的影片。

  44. liya 說道:

    唔,剛剛也跟布萊恩打招呼,順便寫留言,結果送出留言後,網頁會重新整理就…聊天中斷 囧

  45. liya 說道:

    這個一樣可以用MSN預設的表情符號唷,http://messenger.msn.com/resource/Emoticons.aspx?mkt=zh-tw 這邊是線上可以看表情符號表指令~

  46. 甜言蜜語 說道:

    這個太神奇了啦~
    看到之後馬上弄近我的BLOG~
    很棒的分享~謝謝~

  47. RED PIG 說道:

    可以弄到無名上面嗎?我是不出來呢?

  48. limonadagurl 說道:

    原來還有這個!太酷了!

  49. stardust69 說道:

    顏色可以設定嗎?

    這預設的顏色跟我版面有點不搭說…

  50. 我也想要那個功能 說道:

    blogger也可以用,剛剛也不知道是哪個問題,可能是微軟的問題吧~

  51. veromca 說道:

    讚啦!! 感謝您~~~

  52. 嘿嘿 說道:

    目前好像沒辦法用這個功能說
    微軟的問題嗎

  53. 我也想要那個功能 說道:

    請問blogger不能用嗎?難道他也是龜毛的部落格種類之一?
    我使用WLM8.5版的也改成線上了,那個「開始對話」的選項就是不會出現。

  54. cchien 說道:

    相當實用
    感謝~

  55. 我叫暱稱 說道:

    請問一下喔 奇摩的部落格可以用嗎 因為我搞了好久 搞不定耶 感謝拉

  56. 說道:

    超酷的啦

  57. 官版的網頁MSN…

    \r\n\r\n前幾天pigy傳給我一篇重灌狂人寫的教學文章「如何在網頁中嵌入「MSN聊天視窗」?(從Blog傳訊息到MSN)」,這跟我之前介紹過的Plugoo還蠻類似的。只不過今天介紹的這個是微軟官方…

  58. Rous 說道:

    真得不錯用耶~

  59. billypan101 說道:

    這個贊!推啊~

  60. keyu 說道:

    天阿!!這真是太神奇了…
    有這個變的好方便,造福不少人了!!
    彼此間的距離又變更近了

  61. BIRGIT 說道:

    非常感謝!這很好玩呢,沒兩下就裝好了,可惜這兩天手殘不太能打字.^^

  62. [...] 今天在「重灌狂人」看見「如何在網頁中嵌入 MSN 聊天視窗」這篇文章的同時,驚覺自己的 MSN 雖然有著 96 位連絡人,但每天收到訊息的數量居然不到 5 則?煞那間讓我對於重灌狂人介紹的這個服務有著很大的期待,希望無法顯示網頁在部落格裝上這個功能,每天可以擁有收不完的訊息,有興趣的朋友請自行前往文章出處一窺究竟囉。 [...]

  63. 藍伯(interesting) 說道:

    離線=睡覺 OTZ

  64. Ethan 說道:

    多謝分享 真是太棒了

  65. nydia 說道:

    感覺很不錯,很便利,不過也可能忙不完…呵
    我要試看看,謝謝你的分享,很棒!^^
       O ● O ● O ● O ●
       |╱╲╱╲╱| |╱╲╱╲╱|
      ╭*════*╮ *═════*
      (/////\\)|/////|
      (│● ﹏ ● │)│● ﹏ ●│
      (╰─────╯)╰─────╯?〞
    http://www.truelove.idv.tw 真愛一生
    http://www.truelove.idv.tw/discuz/ 論壇

  66. 請填暱稱 說道:
  67. juno 說道:

    好神奇耶,謝謝分享

  68. myPearl 說道:

    很棒的小工具!感謝您的介紹和分享!

  69. L K K 的心聲 說道:

    網路新鮮事:在部落格中使用MSN暢談…

    這個好的小工具,當然要介紹給更多好朋友!謝謝介紹囉!…

  70. 裴珀普蘭 說道:

    這功能跟 plugoo 好像,應該會比 plugoo穩定吧?

  71. 不來恩 說道:

    線上客服大概只能給小店家或Y 拍賣家,不然人一多,還真不知道怎回覆。

  72. 懶得理你 說道:

    可以拿來做即時的線上客服喲,只是一對多可能會忙翻吧。
    不曉得有沒有自動跳號版,如果支援skype更好
    那就真的可以取代客服專線囉

  73. 二休 說道:

    哇~好神奇,這樣人家要找我就方便得多了!
    謝謝囉~~

  74. luckyroger 說道:

    這個功能真的很神奇,微軟還真有心阿
    不過本來就有外掛Cbox的留言,所以這個就拿來備用吧XD

  75. windchime 說道:

    金拍謝~還是我~

    找到原因了,
    原來我沒改狀態為線上,嘻嘻~

  76. windchime 說道:

    拍謝~又是我~

    我按照步驟做,
    但到了「三、開始聊天」的第1步,
    並沒有「開始對話」這個選項出現,
    請問是什麼問題呢?

  77. windchime 說道:

    喔~對了~忘了說~

    我的蚵仔煎不加蚵仔、貢丸湯不加蛋,謝謝~哈~

  78. windchime 說道:

    真感謝你~超方便的~

  79. KM 說道:

    好好玩喔~~@@
    剛剛試玩了一下~~
    還蠻好玩的~

  80. 天使之翼 說道:

    剛剛跟不來恩打個招呼

    花哈哈哈哈哈哈哈阿~~~~~~~~

  81. 不來恩 說道:

    歡迎光臨!! 請問蚵仔煎要加蚵仔嗎?
    還是貢丸湯不加貢丸?ㄎㄎㄎ…

  82. 侯塞雷阿~ 說道:

    好神奇的功能=Q=…

    還有站長喜歡冷笑話~~~

歡迎留下您的想法或意見...

暱稱:     部落格:

信箱:

(為避免垃圾訊息,全部留言需經系統管理員審核之後才會出現,請勿重複發文)

 

 

 

 ▇ 產業科技新知

 

 ▇ 其他文章

 

 

【重灌狂人】全部文章分類:

  防毒軟體 MSN, WLM 聊天軟體 Yahoo!即時通
下載、P2P YouTube Google
Firefox瀏覽器 Opera瀏覽器 Blog
好用軟體 好站推薦  
     
  Windows XP電腦密技 Windows Vista電腦密技 Mac OS 蘋果電腦密技
其他作業系統    
     
  Office文書處理 檔案管理 郵件收發
影音播放 影音剪輯 秀圖、圖片編修
網路瀏覽 網頁編修、網站架設 WordPress 網站架設
     
  硬體3C資訊 手機流行通訊 廠商新聞稿
【超級星光大道】 熱門話題 好玩
七嘴八舌 貼圖、影片分享