3_2如何將Msn聊天視窗(即時熱線)嵌入到Google提供的部落格(Blogger)

3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) 楊乾中 2008 年 1 月 [email_address]

操作大綱
一、啟用「允許在網路上顯示您的 Messenger 狀態 , 並可傳送訊息給你」的功能 ( 步驟 1 到步驟 5 的選 [ 儲存 ] 2 按鈕 )
二、取得 MSN 聊天視窗用的程式碼 ( 步驟 5 到步驟 11)
三、開啟部落格 ( 步驟 12 到步驟 16)
四、嵌入 MSN 聊天視窗用的程式碼到部落格 ( 步驟 17 到步驟 28)
楊乾中 2008 年 1 月 [email_address]

3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger)
1. 到網址 http://settings.messenger.live.com/applications/websettings.aspx 出現 windows live [ 登入 ] 視窗 , 選 [ 使用不同帳號登入 ] 1 按鈕
2. 出現全新的 [ 登入 ] 畫面
3. 輸入帳號 1 , 密碼 2 ; 選 [ 登入 ] 3 按鈕
4. 出現 [windows live Messenger] 視窗 , 目前在 [ 首頁 ] 按鈕

5. 選 [ 允許在網路上顯示您的 Messenger 狀態，並可傳送訊息給您。 ] 按鈕 , 出現勾 (v) 1 , 選 [ 儲存 ] 2 按鈕後 , 選 [ 建立 HTML ] 3 按鈕
6. 目前在 [ 即時通訊視窗 ], 不做變更 , 移動捲軸 1
7. 出現 HTML 碼
8. 在 HTML 區按右鍵 1 , 出現快顯功能表 , 選 [ 全選 ] 2 選項

9.HTML 碼全部選取
10. 在選取區按右鍵 1 , 出現快顯功能表 , 選 [ 複製 ] 2 選項
11.HTML 程式碼複製到剪貼簿 ( 準備貼到部落格 HTML 碼區 )
12. 開啟新的瀏覽視窗 , 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視窗 ]

13. 輸入使用者名稱 ( 本例為 master2super) 1 ; 密碼 2 ; 選 [ 登入 ] 3 按鈕
14. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ] 1 按鈕
15. 出現 [ 更多 Gmail 產品 ] 視窗 , 選口 ( 最大化 ) 1 圖示
16. 選 [Blogger] 1 選項

17. 出現 [Blogger 控制主頁 ] 視窗 , 選 [ 版面配置 ] 1 按鈕
18. 出現 [Blogger 修改版面配置 ] 視窗 , 目前在 [ 範本 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 修改 HTML] 1 標籤
19. 出現 [Blogger 修改範本 HTML] 視窗 , 移動 [ 捲軸 ] 1 到最下方
20. 出現完整的 HTML 文字方塊 , 移動此文字方塊 [ 捲軸 ] 1 到最下方

21. 捲軸移到最後 , 找到 </body>
22. 在 </body> 前 ( 左方 ) 按滑鼠左鍵一下 1 , 將插入點移到此
23. 按 [Enter] 鍵 5 下 ( 要將 MSN 熱線的 HTML 貼到此 , 空大一點區域 , 方便識別 )
24. 在空白區按滑鼠左鍵一下 1 , 將插入點移到此

25. 在空白區按右鍵 1 , 出現快顯功能表 , 選 [ 貼上 ] 2 選項
26. 貼上 MSN 熱線的 HTML 碼
27. 找到 &mkt=zh-tw
28. 刪除後 , 其後雙引號 (“) 往前遞補 , 選 [ 儲存範本 ] 1 按鈕

29. 出現 [ 您的變更已儲存。 ] 訊息 , 選 [ 檢視 blog ] 按鈕
30. 出現部落格視窗 ( 本例為趣味文章 ), 選口 ( 最大化 ) 1 圖示
31. 移動 [ 捲軸 ] 1 到最下方
32. 出現 [MSN 即時熱線 ]

1. 到網址 http://settings.messenger.live.com/applications/websettings.aspx 出現 windows live [ 登入 ] 視窗 , 選 [ 使用不同帳號登入 ] 1 按鈕帳號 1

2. 出現全新的 [ 登入 ] 畫面

3. 輸入帳號 1 , 密碼 2 ; 選 [ 登入 ] 3 按鈕 1 2 3

4. 出現 [windows live Messenger] 視窗 , 目前在 [ 首頁 ] 按鈕

5. 選 [ 允許在網路上顯示您的 Messenger 狀態，並可傳送訊息給您。 ] 按鈕 , 出現勾 (v) 1 , 選 [ 儲存 ] 2 按鈕後 , 選 [ 建立 HTML ] 3 按鈕 1 3 2

6. 目前在 [ 即時通訊視窗 ], 不做變更 , 移動捲軸 1 1

7. 出現 HTML 碼 HTML 內容

8. 在 HTML 區按右鍵 1 , 出現快顯功能表 , 選 [ 全選 ] 2 選項按右鍵 1 2

9.HTML 碼全部選取

10. 在選取區按右鍵 1 , 出現快顯功能表 , 選 [ 複製 ] 2 選項按右鍵 1 2

11.HTML 程式碼複製到剪貼簿 ( 準備貼到部落格 HTML 碼區 )

12. 開啟新的 IE 瀏覽視窗 , 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視窗 ]

13. 輸入使用者名稱 ( 本例為 master2super ) 1 ; 密碼 2 ; 選 [ 登入 ] 3 按鈕 1 2 3

14. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ] 1 按鈕 1

15. 出現 [ 更多 Gmail 產品 ] 視窗 , 選口 ( 最大化 ) 1 圖示 1

16. 選 [Blogger] 1 選項 1

17. 出現 [Blogger 控制主頁 ] 視窗 , 選 [ 版面配置 ] 1 按鈕 1

18. 出現 [Blogger 修改版面配置 ] 視窗 , 目前在 [ 範本 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 修改 HTML] 1 標籤 1

19. 出現 [Blogger 修改範本 HTML] 視窗 , 移動 [ 捲軸 ] 1 到最下方 1

20. 出現完整的 HTML 文字方塊 , 移動此文字方塊 [ 捲軸 ] 1 到最下方 1 HTML 文字方塊

21. 捲軸移到最後 , 找到 </body> 找到 </body>

22. 在 </body> 前 ( 左方 ) 按滑鼠左鍵一下 1 , 將插入點移到此插入點

23. 按 [Enter] 鍵 5 下 ( 要將 MSN 熱線的 HTML 貼到此 , 空大一點區域 , 方便識別 ) MSN 熱線的 HTML 要貼到此

24. 在空白區按滑鼠左鍵一下 1 , 將插入點移到此插入點 1

25. 在空白區按右鍵 1 , 出現快顯功能表 , 選 [ 貼上 ] 2 選項按右鍵 1 2

26. 貼上 MSN 熱線的 HTML 碼 MSN 熱線的 HTML 碼

27. 找到 &mkt=zh-tw &mkt=zh-tw

28. 刪除後 , 其後雙引號 (“) 往前遞補 , 選 [ 儲存範本 ] 1 按鈕刪除後’’遞補 1

29. 出現 [ 您的變更已儲存。 ] 訊息 , 選 [ 檢視 blog ] 按鈕 1

30. 出現部落格視窗 ( 本例為趣味文章 ), 選口 ( 最大化 ) 1 圖示 1

31. 移動 [ 捲軸 ] 1 到最下方 1

32. 出現 [MSN 即時熱線 ] MSN 即時熱線

補充 1. 步驟 27 &mkt=zh-tw 未刪除 , 選 [ 儲存範本 ] 1 按鈕出現錯誤訊息

補充 2. MSN 即時熱線資料
MSN 即時熱線相關資料如以下網址
http://wowimme.spaces.live.com/

3_2如何將Msn聊天視窗(即時熱線)嵌入到Google提供的部落格(Blogger)

by p_yang on Jan 14, 2008

Accessibility

Tags

Upload Details

Usage Rights

2 Embeds 23

Statistics

3_2如何將Msn聊天視窗(即時熱線)嵌入到Google提供的部落格(Blogger) — Presentation Transcript

http://www.slideshare.net	22
http://webcache.googleusercontent.com	1