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

3_3如何將MSN聊天視窗(即時熱線)嵌入到Google提供的部落格(Blogger)
http://econsultant520.blogspot.com/2008/01/33msngoogleblogger.html

先備知識:
2如何申請google的免費電子郵件帳號
http://econsultant520.blogspot.com/2008/01/2google.html

3如何在Google所提供的部落格，建立自己的部落格
http://econsultant520.blogspot.com/2008/01/3google.html

3如何在gmail中啟用Google所提供的對應部落格
http://econsultant520.blogspot.com/2008/01/3gmailgoogle.html

12如何申請google analytics新帳號
http://econsultant520.blogspot.com/2008/01/12google-analytics.html

12_1如何在google提供的部落格中加入google analytics的程式碼來統計流量
http://econsultant520.blogspot.com/2008/01/121googlegoogle-analytics.html

3_1如何在Google所提供的部落格，建立文章
http://econsultant520.blogspot.com/2008/01/31google.html
相關單元:
3_3_1部落格嵌入MSN聊天視窗,訪客要如何使用
http://econsultant520.blogspot.com/2008/01/331msn.html

3_2Google提供的部落格，如何載入影片檔
http://econsultant520.blogspot.com/2008/01/32google_26.html

3_2如何在Google 所提供的部落格,放入照片
http://econsultant520.blogspot.com/2008/01/32google.html

3_3Google提供的部落格，如何嵌入與連結簡報檔
http://econsultant520.blogspot.com/2008/01/33google.html

3_3如何在Google所 提供的部落格，嵌入Youtube影片
http://econsultant520.blogspot.com/2008/01/33google-youtube.html


3Windows XP開機,自動出現Windows Live Messenger畫面,如何讓其不出現
http://econsultant520pc.blogspot.com/2008/02/3windows-xpwindows-live-messenger.html

本文:
MSN 聊天視窗若能嵌入到部落格中;
部落格就提供了 MSN 聊天視窗(即時熱線),
讓登入部落格的人能運用線上MSN聊天視窗與你互動
3_3如何將MSN聊天視窗(即時熱線)嵌入到Google提供的部落格(Blogger)
其連結如下
:http://www.slideshare.net/p_yang/32msngoogleblogger

Slide 1: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落 格 (Blogger) 楊乾中2008 年 1 月 cmtycc@gmail.com
Slide 2: 操作大綱 • 一、啟用「允許在網路上顯示您的 Messenger 狀態 , 並可傳送訊息給你」的 功能 ( 步驟 1 到步驟 5 的選 [ 儲存 ]2 按鈕 ) • 二、取得 MSN 聊天視窗用的程式碼 ( 步驟 5 到步驟 11) • 三、開啟部落格 ( 步驟 12 到步驟 16) • 四、嵌入 MSN 聊天視窗用的程式碼到部落 格 ( 步驟 17 到步驟 28) 楊乾中2008 年 1 月 cmtycc@gmail.com
Slide 3: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) • 1. 到網址 http://settings.messenger.live.com/applicat ions/websettings.aspx 出現 windows live [ 登入 ] 視窗 , 選 [ 使用不同帳號登入 ]1 按 鈕 • 2. 出現全新的 [ 登入 ] 畫面 • 3. 輸入帳號 1, 密碼 2; 選 [ 登入 ]3 按鈕 • 4. 出現 [windows live Messenger] 視窗 , 目前在 [ 首頁 ] 按鈕月 cmtycc@gmail.com 楊乾中2008 年 1
Slide 4: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) • 5. 選 [ 允許在網路上顯示您的 Messenger 狀態，並可傳送訊息給您。 ] 按鈕 , 出現勾 (v)1, 選 [ 儲存 ]2 按鈕後 , 選 [ 建立 HTML]3 按鈕 • 6. 目前在 [ 即時通訊視窗 ], 不做變更 , 移動 捲軸 1 • 7. 出現 HTML 碼 • 8. 在 HTML 區按右鍵 1, 出現快顯功能表 , 選 [ 全選 ]2 選項 年 1 月 cmtycc@gmail.com 楊乾中2008
Slide 5: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) • 9.HTML 碼全部選取 • 10. 在選取區按右鍵 1, 出現快顯功能表 , 選 [ 複製 ]2 選項 • 11.HTML 程式碼複製到剪貼簿 ( 準備貼到 部落格 HTML 碼區 ) • 12. 開啟新的瀏覽視窗 , 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視 窗] 楊乾中2008 年 1 月 cmtycc@gmail.com
Slide 6: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) • 13. 輸入使用者名稱 ( 本例為 master2super)1; 密碼 2; 選 [ 登入 ]3 按鈕 • 14. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ]1 按鈕 • 15. 出現 [ 更多 Gmail 產品 ] 視窗 , 選口 ( 最 大化 )1 圖示 • 16. 選 [Blogger]1 選項 楊乾中2008 年 1 月 cmtycc@gmail.com
Slide 7: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) • 17. 出現 [Blogger 控制主頁 ] 視窗 , 選 [ 版 面配置 ]1 按鈕 • 18. 出現 [Blogger 修改版面配置 ] 視窗 , 目 前在 [ 範本 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 修改 HTML]1 標籤 • 19. 出現 [Blogger 修改範本 HTML] 視窗 , 移動 [ 捲軸 ]1 到最下方 • 20. 出現完整的 HTML 文字方塊 , 移動此文 字方塊 [ 捲軸 ]1 到最下方 楊乾中2008 年 1 月 cmtycc@gmail.com
Slide 8: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) • 21. 捲軸移到最後 , 找到 <／ｂｏｄｙ> • 22. 在 <／ｂｏｄｙ> 前 ( 左方 ) 按滑鼠左鍵一下 1, 將插入點移到此 • 23. 按 [Enter] 鍵 5 下 ( 要將 MSN 熱線的 HTML 貼到此 , 空大一點區域 , 方便識別 ) • 24. 在空白區按滑鼠左鍵一下 1, 將插入點 移到此 楊乾中2008 年 1 月 cmtycc@gmail.com
Slide 9: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) • 25. 在空白區按右鍵 1, 出現快顯功能表 , 選 [ 貼上 ]2 選項 • 26. 貼上 MSN 熱線的 HTML 碼 • 27. 找到 &mkt=zh-tw • 28. 刪除後 , 其後雙引號 (“) 往前遞補 , 選 [ 儲存範本 ]1 按鈕 楊乾中2008 年 1 月 cmtycc@gmail.com
Slide 10: 3_2 如何將 MSN 聊天視窗 ( 即時熱線 ) 嵌入到 Google 提供的部落格 (Blogger) • 29. 出現 [ 您的變更已儲存。 ] 訊息 , 選 [ 檢視 blog] 按鈕 • 30. 出現部落格視窗 ( 本例為趣味文章 ), 選 口 ( 最大化 )1 圖示 • 31. 移動 [ 捲軸 ]1 到最下方 • 32. 出現 [MSN 即時熱線 ] 楊乾中2008 年 1 月 cmtycc@gmail.com
Slide 11: 1. 到網址 http://settings.messenger.live.com/applications/websettings. aspx 出現 windows live [ 登入 ] 視窗 , 選 [ 使用不同帳號登入 ]1 按鈕 帳號 1
Slide 12: 2. 出現全新的 [ 登入 ] 畫面
Slide 13: 3. 輸入帳號 1, 密碼 2; 選 [ 登入 ]3 按 鈕 1 2 3
Slide 14: 4. 出現 [windows live Messenger] 視窗 , 目前在 [ 首頁 ] 按鈕
Slide 15: 5. 選 [ 允許在網路上顯示您的 Messenger 狀態，並可傳送訊息給您。 ] 按鈕 , 出現勾 (v)1, 選 [ 儲存 ]2 按鈕後 , 選 [ 建立 HTML]3 按鈕 2 3 1
Slide 16: 6. 目前在 [ 即時通訊視窗 ], 不做變 更 , 移動捲軸 1 1
Slide 17: 7. 出現 HTML 碼 HTML 內容
Slide 18: 8. 在 HTML 區按右鍵 1, 出現快顯功 能表 , 選 [ 全選 ]2 選項 按右鍵 1 2
Slide 19: 9.HTML 碼全部選取
Slide 20: 10. 在選取區按右鍵 1, 出現快顯功 能表 , 選 [ 複製 ]2 選項 2 按右鍵 1
Slide 21: 11.HTML 程式碼複製到剪貼簿 ( 準 備貼到部落格 HTML 碼區 )
Slide 22: 12. 開啟新的 IE 瀏覽視窗 , 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視窗 ]
Slide 23: 13. 輸入使用者名稱 ( 本例為 master2super)1; 密碼 2; 選 [ 登入 ]3 按鈕 1 2 3
Slide 24: 14. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ]1 按鈕 1
Slide 25: 15. 出現 [ 更多 Gmail 產品 ] 視窗 , 選口 ( 最大化 )1 圖示 1
Slide 26: 16. 選 [Blogger]1 選項 1
Slide 27: 17. 出現 [Blogger 控制主頁 ] 視窗 , 選 [ 版面配置 ]1 按鈕 1
Slide 28: 18. 出現 [Blogger 修改版面配置 ] 視窗 , 目前在 [ 範本 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 修改 HTML]1 標籤 1
Slide 29: 19. 出現 [Blogger 修改範本 HTML] 視窗 , 移動 [ 捲軸 ]1 到最下方 1
Slide 30: 20. 出現完整的 HTML 文字方塊 , 移 動此文字方塊 [ 捲軸 ]1 到最下方 1 HTML 文字方塊
Slide 31: 21. 捲軸移到最後 , 找到 找到
Slide 32: 22. 在 前 ( 左方 ) 按滑鼠左 鍵一下 1, 將插入點移到此 插入點
Slide 33: 23. 按 [Enter] 鍵 5 下 ( 要將 MSN 熱線的 HTML 貼到此 , 空大一點區域 , 方便識別 ) MSN 熱線的 HTML 要貼到此
Slide 34: 24. 在空白區按滑鼠左鍵一下 1, 將 插入點移到此 插入點 1
Slide 35: 25. 在空白區按右鍵 1, 出現快顯功 能表 , 選 [ 貼上 ]2 選項 按右鍵 1 2
Slide 36: 26. 貼上 MSN 熱線的 HTML 碼 MSN 熱線的 HTML 碼
Slide 37: 27. 找到 &mkt=zh-tw &mkt=zh-tw
Slide 38: 28. 刪除後 , 其後雙引號 (“) 往前遞 補 , 選 [ 儲存範本 ]1 按鈕 1 刪除後’’遞補
Slide 39: 29. 出現 [ 您的變更已儲存。 ] 訊息 , 選 [ 檢視 blog] 按鈕 1
Slide 40: 30. 出現部落格視窗 ( 本例為趣味文 章 ), 選口 ( 最大化 )1 圖示 1
Slide 41: 31. 移動 [ 捲軸 ]1 到最下方 1
Slide 42: 32. 出現 [MSN 即時熱線 ] MSN 即時熱線
Slide 43: 補充 1. 步驟 27 &mkt=zh-tw 未刪除 , 選 [ 儲存範本 ]1 按鈕出現錯誤訊息
Slide 44: 補充 2. MSN 即時熱線資料 • MSN 即時熱線相關資料如以下網址 • http://wowimme.spaces.live.com/

先備知識:
2如何申請google的免費電子郵件帳號
http://econsultant520.blogspot.com/2008/01/2google.html

3如何在Google所提供的部落格，建立自己的部落格
http://econsultant520.blogspot.com/2008/01/3google.html

3如何在gmail中啟用Google所提供的對應部落格
http://econsultant520.blogspot.com/2008/01/3gmailgoogle.html

12如何申請google analytics新帳號
http://econsultant520.blogspot.com/2008/01/12google-analytics.html

12_1如何在google提供的部落格中加入google analytics的程式碼來統計流量
http://econsultant520.blogspot.com/2008/01/121googlegoogle-analytics.html

3_1如何在Google所提供的部落格，建立文章
http://econsultant520.blogspot.com/2008/01/31google.html
相關單元:
3_3_1部落格嵌入MSN聊天視窗,訪客要如何使用
http://econsultant520.blogspot.com/2008/01/331msn.html

3_2Google提供的部落格，如何載入影片檔
http://econsultant520.blogspot.com/2008/01/32google_26.html

3_2如何在Google 所提供的部落格,放入照片
http://econsultant520.blogspot.com/2008/01/32google.html

3_3Google提供的部落格，如何嵌入與連結簡報檔
http://econsultant520.blogspot.com/2008/01/33google.html

3_3如何在Google所 提供的部落格，嵌入Youtube影片
http://econsultant520.blogspot.com/2008/01/33google-youtube.html

3Windows XP開機,自動出現Windows Live Messenger畫面,如何讓其不出現
http://econsultant520pc.blogspot.com/2008/02/3windows-xpwindows-live-messenger.html