3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 (HTML/JavaScript 網頁元素 ) 楊乾中 2008 年 2 月 [email_address]

3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) 1. 到網址 http://www.digitalwall.com ( 數位之牆 ) 1 , 選 [ 部落輪播 ] 選項 2. 出現 [<< 數位之牆 >> 部落輪播 ] 視窗 ; 顯示科技產業動態輪播內容 ; 移動 [ 捲軸 ] 1 往下 3. 移到輸入網址的文字方塊 1 4. 輸入網址 ( 本例為 econsultant520.blogspot.com ) 1 , 依序選 評論 右方色塊 2 , 標題 右方色塊 3 , 邊框 右方色塊 4 , 底色 右方色塊 5 , 選 [ 預覽及獲得程式碼 ] 按鈕 楊乾中 2008 年 2 月 [email_address]

1. 到網址 http://www.digitalwall.com ( 數位之牆 ) 1 , 選 [ 部落輪播 ] 選項

2. 出現 [<< 數位之牆 >> 部落輪播 ] 視窗 ; 顯示科技產業動態輪播內容 ; 移動 [ 捲軸 ] 1 往下

3. 移到輸入網址的文字方塊 1

4. 輸入網址 ( 本例為 econsultant520.blogspot.com ) 1 , 依序選 評論 右方色塊 2 , 標題 右方色塊 3 , 邊框 右方色塊 4 , 底色 右方色塊 5 , 選 [ 預覽及獲得程式碼 ] 按鈕

3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) 5. 顯示配置效果 , 選口 ( 最大化 ) 1 圖示 6. 出現配置效果與 HTML 碼 7. 在碼上按滑鼠左鍵一下自動全部選取 1 , 按 Ctrl+C 雙鍵將此碼複製到剪貼簿 8. 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視窗 ], 輸入使用者名稱 ( 本例為 econsultant520) 1 ; 密碼 2 ; 選 [ 登入 ] 3 按鈕 楊乾中 2008 年 2 月 [email_address]

5. 顯示配置效果 , 選口 ( 最大化 ) 1 圖示

6. 出現配置效果與 HTML 碼

7. 在碼上按滑鼠左鍵一下自動全部選取 1 , 按 Ctrl+C 雙鍵將此碼複製到剪貼簿

8. 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視窗 ], 輸入使用者名稱 ( 本例為 econsultant520) 1 ; 密碼 2 ; 選 [ 登入 ] 3 按鈕

3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) 9. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ] 1 按鈕 10. 出現 [ 更多 Google 產品 ] 視窗 , 選口 ( 最大化 ) 1 圖示 11. 選 [Blogger] 1 選項 12. 出現 [blogger 控制主頁 ] 視窗 , 選 [ 版面配置 ] 1 選項 楊乾中 2008 年 2 月 [email_address]

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

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

11. 選 [Blogger] 1 選項

12. 出現 [blogger 控制主頁 ] 視窗 , 選 [ 版面配置 ] 1 選項

3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) 13. 出現 [ 修改版面配置 ] 視窗 , 目前在 [ 版面配置 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 加入網頁元素 ] 1 按鈕 14. [ 選擇新的網頁元素 ] 視窗 , 出現名稱為 [HTML/JavaScript] 的網頁元素 , 選 [ 加入 BLOG] 1 按鈕 15. 出現 [ 設定 HTML/JavaScript] 視窗 16. 移到 內容 下的文字方塊 , 按 Ctrl+V 雙鍵 1 , 出現 html 碼 楊乾中 2008 年 2 月 [email_address]

13. 出現 [ 修改版面配置 ] 視窗 , 目前在 [ 版面配置 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 加入網頁元素 ] 1 按鈕

14. [ 選擇新的網頁元素 ] 視窗 , 出現名稱為 [HTML/JavaScript] 的網頁元素 , 選 [ 加入 BLOG] 1 按鈕

15. 出現 [ 設定 HTML/JavaScript] 視窗

16. 移到 內容 下的文字方塊 , 按 Ctrl+V 雙鍵 1 , 出現 html 碼

3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) 17. 移到 標題 下的文字方塊 , 輸入標題名稱 ( 本例為數位之牆 ) 1 , 選 [ 儲存變更 ] 2 按鈕 18. 返回 [ 修改版面配置 ] 視窗 , 版面出現所加入的網頁元素 ( 本例為 [HTML/JavaScript 網頁元素 ]) 19. 調動 [ 數位之牆網頁元素 ] 如下圖 , 選 [ 儲存 ] 1 按鈕 20. 出現 您的變更已儲存 訊息 , 選 [ 檢視 blog] 1 按鈕 楊乾中 2008 年 2 月 [email_address]

17. 移到 標題 下的文字方塊 , 輸入標題名稱 ( 本例為數位之牆 ) 1 , 選 [ 儲存變更 ] 2 按鈕

18. 返回 [ 修改版面配置 ] 視窗 , 版面出現所加入的網頁元素 ( 本例為 [HTML/JavaScript 網頁元素 ])

19. 調動 [ 數位之牆網頁元素 ] 如下圖 , 選 [ 儲存 ] 1 按鈕

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

3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) 21. 出現部落格內容 ( 本例 http://econsultant520.blogspot.com/), 部落格左方出現 HTML/JavaScript 網頁元素區 ( 所在位置與步驟 20 中的 [ 修改版面配置 ] 視窗一致 ), 選口 ( 最大化 ) 1 圖示 22. 移動 [ 捲軸 ] 1 往下 楊乾中 2008 年 2 月 [email_address]

21. 出現部落格內容 ( 本例 http://econsultant520.blogspot.com/), 部落格左方出現 HTML/JavaScript 網頁元素區 ( 所在位置與步驟 20 中的 [ 修改版面配置 ] 視窗一致 ), 選口 ( 最大化 ) 1 圖示

22. 移動 [ 捲軸 ] 1 往下

3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) 23. 左方出現數位之牆的 [ 部落輪播 ] 區 , 顯示產業動態 ( 若 數位之牆 頻寬不足 ; 有時會顯示不出 ; 可按 F5 鍵重新顯示 ) 楊乾中 2008 年 2 月 [email_address]

23. 左方出現數位之牆的 [ 部落輪播 ] 區 , 顯示產業動態 ( 若 數位之牆 頻寬不足 ; 有時會顯示不出 ; 可按 F5 鍵重新顯示 )

1. 到網址 http://www.digitalwall.com ( 數位之牆 ) 1 , 選 [ 部落輪播 ] 選項 1

2. 出現 [<< 數位之牆 >> 部落輪播 ] 視窗 ; 顯示 科技產業動態輪播內容 ; 移動 [ 捲軸 ] 1 往下 1

3. 移到 輸入網址的文字方塊 1 輸入網址 1

4. 輸入網址 ( 本例為 econsultant520.blogspot.com ) 1 , 依序選 評論 右方色塊 2 , 標題 右方色塊 3 , 邊框 右方色塊 4 , 底色 右方色塊 5 , 選 [ 預覽及獲得程式碼 ] 按鈕 6 新聞版面 的 底色 新聞版面 的 文字顏色 2 3 4 5 1

5. 顯示 配置效果 , 選 口 ( 最大化 ) 1 圖示 配置效果 1

6. 出現 配置效果與 HTML 碼

7. 在碼上按滑鼠左鍵一下自動全部選取 1 , 按 Ctrl+C 雙鍵將此碼複製到剪貼簿 在碼上按滑鼠左鍵一下 自動全部選取 1 , 按 Ctrl+C 雙鍵 2

8. 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視窗 ], 輸入使用者名稱 ( 本例為 econsultant520) 1 ; 密碼 2 ; 選 [ 登入 ] 3 按鈕 1 2 3

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

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

11. 選 [Blogger] 1 選項 1

12. 出現 [blogger 控制主頁 ] 視窗 , 選 [ 版面配置 ] 1 選項 1

13. 出現 [ 修改版面配置 ] 視窗 , 目前在 [ 版面配置 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 加入網頁元素 ] 1 按鈕 1

14. [ 選擇新的網頁元素 ] 視窗 , 出現名稱為 [HTML/JavaScript] 的網頁元素 , 選 [ 加入 BLOG] 1 按鈕 1

15. 出現 [ 設定 HTML/JavaScript] 視窗

16. 移到 內容 下的文字方塊 , 按 Ctrl+V 雙鍵 1 , 出現 html 碼 Ctrl+V 雙鍵 1

17. 移到 標題 下的文字方塊 , 輸入標題名稱 ( 本例為 數位之牆 ) 1 , 選 [ 儲存變更 ] 2 按鈕 1 2

18. 返回 [ 修改版面配置 ] 視窗 , 版面出現所加入的網頁元素 ( 本例為 [HTML/JavaScript 網頁元素 ])

19. 調動 [ 數位之牆網頁元素 ] 如下圖 , 選 [ 儲存 ] 1 按鈕 1 2

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

21. 出現部落格內容 ( 本例 http://econsultant520.blogspot.com/), 部落格左方出現 HTML/JavaScript 網頁元素區 ( 所在位置與步驟 20 中的 [ 修改版面配置 ] 視窗一致 ), 選口 ( 最大化 ) 1 圖示 1

22. 移動 [ 捲軸 ] 1 往下 1

23. 左方出現數位之牆的 [ 部落輪播 ] 區 , 顯示產業動態 , ( 若 數位之牆 頻寬不足 ; 有時會顯示不出 ; 可按 F5 鍵重新顯示 )