3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 (H

TML/JavaScript 網頁元素 )

楊乾中 2008 年 2 月 cmtycc@gmail.com

3-5 如何將數位之牆的 [ 部落輪播 ]功能放入 Google 的部落格 (HTML/J

avaScript 網頁元素 )• 1. 到網址 http://www.digitalwall.com

( 數位之牆 )1, 選 [ 部落輪播 ] 選項• 2. 出現 [<< 數位之牆 >> 部落輪播 ] 視窗 ; 顯

示科技產業動態輪播內容 ; 移動 [ 捲軸 ]1 往下

• 3. 移到輸入網址的文字方塊 1• 4. 輸入網址 ( 本例為 econsultant520.blogspot.com ) 1, 依序

選評論右方色塊 2, 標題右方色塊 3, 邊框右方色塊 4, 底色右方色塊 5, 選 [ 預覽及獲得程式碼 ] 按鈕楊乾中 2008 年 2 月 cmtycc@gmail.com

3-5 如何將數位之牆的 [ 部落輪播 ]功能放入 Google 的部落格 (HTML/J

avaScript 網頁元素 )

• 5. 顯示配置效果 , 選口 ( 最大化 )1 圖示• 6. 出現配置效果與 HTML 碼• 7. 在碼上按滑鼠左鍵一下自動全部選取 1, 按 Ctrl

+C 雙鍵將此碼複製到剪貼簿• 8. 到網址 mail.google.com, 出現 [ 歡迎使用 gmail

視窗 ], 輸入使用者名稱 ( 本例為 econsultant520)1; 密碼 2; 選 [ 登入 ]3 按鈕

楊乾中 2008 年 2 月 cmtycc@gmail.com

3-5 如何將數位之牆的 [ 部落輪播 ]功能放入 Google 的部落格 (HTML/J

avaScript 網頁元素 )• 9. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ]1

按鈕• 10. 出現 [ 更多 Google 產品 ] 視窗 , 選口

( 最大化 )1 圖示• 11. 選 [Blogger]1 選項• 12. 出現 [blogger 控制主頁 ] 視窗 , 選 [ 版

面配置 ]1 選項楊乾中 2008 年 2 月 cmtycc@gmail.com

3-5 如何將數位之牆的 [ 部落輪播 ]功能放入 Google 的部落格 (HTML/J

avaScript 網頁元素 )

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

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

• 15. 出現 [ 設定 HTML/JavaScript] 視窗• 16. 移到內容下的文字方塊 , 按 Ctrl+V 雙鍵 1, 出

現 html 碼楊乾中 2008 年 2 月 cmtycc@gmail.com

3-5 如何將數位之牆的 [ 部落輪播 ]功能放入 Google 的部落格 (HTML/J

avaScript 網頁元素 )• 17. 移到標題下的文字方塊 , 輸入標題名稱 ( 本例

為數位之牆 )1, 選 [ 儲存變更 ]2 按鈕• 18. 返回 [ 修改版面配置 ] 視窗 , 版面出現所加入的

網頁元素 ( 本例為 [HTML/JavaScript 網頁元素 ])• 19. 調動 [ 數位之牆網頁元素 ] 如下圖 , 選 [ 儲存 ]1

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

鈕

楊乾中 2008 年 2 月 cmtycc@gmail.com

3-5 如何將數位之牆的 [ 部落輪播 ]功能放入 Google 的部落格 (HTML/J

avaScript 網頁元素 )

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

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

楊乾中 2008 年 2 月 cmtycc@gmail.com

3-5 如何將數位之牆的 [ 部落輪播 ]功能放入 Google 的部落格 (HTML/J

avaScript 網頁元素 )• 23. 左方出現數位之牆的 [ 部落輪播 ] 區 , 顯

示產業動態 ( 若數位之牆頻寬不足 ; 有時會顯示不出 ; 可按 F5 鍵重新顯示 )

楊乾中 2008 年 2 月 cmtycc@gmail.com

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 視窗 ], 輸入使用者名稱 ( 本例為 econsul

tant520)1; 密碼 2; 選 [ 登入 ]3 按鈕

12

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 鍵重新顯示 )