呵呵,最近食記寫得越來越少,有點想轉戰到設計&旅記方向,

今天就先發一彈吧!

要告訴大家的是最近看到的線上客服,會的人應該覺得很簡單啦^^獻醜獻醜!

這是因為個人有逛到一個網拍,恰巧看到網拍的即時通線上客服,

才想到,這應該也可以運用到現在的公司用,

所以就上知識+和各網頁搜尋作法,

超簡單!

就以MSN為範例吧!

Step1.  要申請一個 MSN 帳號,沒有MSN的要先註冊一個 Windows Live ID喔! (已有者免再申請) 。

Step2.  然後登入 Windows Live Messenger 管理你的 Messenger 。

Step3.  按下 [網頁設定]→要 (允許在網路上的任何使用者看見我的狀態,並可傳送訊息給我) 保持打勾狀態。

Step4.  按建立 HTML→選擇網頁要顯示的控制項(即時通訊息視窗、按鈕or狀態圖示)

Step5.  選擇即時通訊視窗 (可以自己調整寬高像素和主題顏色喔)

Step6.  將 HTML 複製到網頁上即可!



以下是我的 HTML 碼 (每個人的HTML碼都不一樣,所以不能直接套用喔) 。



http://settings.messenger.live.com/Conversation/IMMe.aspx?invitee=d5f1c011279d8b37@apps.messenger.live.com&mkt=zh-tw" width="300" height="300" style="border: solid 1px black; width: 300px; height: 300px;" frameborder="0">



打開空白的記事本或熟悉的網頁編輯器(我是用Dreamweaver啦^^),將這段 HTML 碼貼上,存檔後,打開來看就OK囉。

如果已經安裝並打開MSN連上帳號後,該視窗左上角會出現顯示狀態喔。







以上,很簡單吧!

下次會再SHOW進階版,有浮動的喔XDDD要會一點點的JavaScript喔!

附上我自己做好的給大家看

Leave a Reply