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

一般情況下要跟朋友聊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聊天視窗用的程式碼
三、開始聊天

 

最後更新:10-04, 2013 下午 9:41

相關資訊

訪客留言:

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

  1. Dear 不來恩:

    小弟有兩個疑問呢~
    一是找不到[一.啟用「顯示Messenger線上狀態」功能]的第2步

    二是我後來從別的網站處也有找到,並且嵌入成功,
    但是無論我怎麼改,我嵌入的MSN就是英文版的,您內文中步驟中的每一步都是英文網頁,改了語言設定也還是英文的,不知怎麼樣才能改好呢?

  2. 寫的很詳細呢!我也在我的部落格放上了MSN視窗,不錯喔!
    我也順便寫了一篇MSN嵌入式窗的文章,也分享給網友們。
    文章網址:http://eheima.com/103/msn-windows

  3. 想請教各位大大,用網頁式登入msn,可以從那兒找到聊天記錄,
    yahoo就有一個交談的訊息~那msn有嗎?!
    麻煩各位,謝謝

  4. iframe src=”//settings.messenger.live.com/Conversation/IMMe.aspx?invitee=87bf52bcb4e4399f@apps.messenger.live.com&mkt=zh-tw&useTheme=true&themeName=purple&foreColor=333333&backColor=F1EFF4&linkColor=333333&borderColor=AFA9B4&buttonForeColor=333333&buttonBackColor=DED6DE&buttonBorderColor=AFA9B4&buttonDisabledColor=DED6DE&headerForeColor=513663&headerBackColor=AEA1B9&menuForeColor=333333&menuBackColor=FFFFFF&chatForeColor=333333&chatBackColor=FFFFFF&chatDisabledColor=F6F6F6&chatErrorColor=760502&chatLabelColor=6E6C6C” width=”300″ height=”300″ style=”border: solid 1px black; width: 300px; height: 300px;” frameborder=”0″ scrolling=”no”>

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。