Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 (HTML/JavaScript 網頁元素 ) 楊乾中 2008 年 2 月  [email_address]
3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>1. 到網址 http://www.digitalwall.com ( 數位之牆 ) 1 , 選 [...
3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>5. 顯示配置效果 , 選口 ( 最大化 ) 1 圖示 </li></ul><ul><li>6. 出...
3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>9. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ] 1 按鈕 </li></ul><u...
3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>13. 出現 [ 修改版面配置 ] 視窗 , 目前在 [ 版面配置 ] 標籤下的 [ 網頁元素 ] ...
3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>17. 移到 標題 下的文字方塊 , 輸入標題名稱 ( 本例為數位之牆 ) 1 , 選 [ 儲存變更...
3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>21. 出現部落格內容 ( 本例 http://econsultant520.blogspot.co...
3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>23. 左方出現數位之牆的 [ 部落輪播 ] 區 , 顯示產業動態 ( 若 數位之牆 頻寬不足 ; ...
1. 到網址 http://www.digitalwall.com ( 數位之牆 ) 1 , 選 [ 部落輪播 ] 選項 1
2. 出現 [<< 數位之牆 >> 部落輪播 ] 視窗 ; 顯示 科技產業動態輪播內容 ; 移動 [ 捲軸 ] 1 往下 1
3. 移到 輸入網址的文字方塊 1 輸入網址 1
4. 輸入網址 ( 本例為 econsultant520.blogspot.com  )  1 , 依序選 評論 右方色塊 2 , 標題 右方色塊 3 , 邊框 右方色塊 4 , 底色 右方色塊 5 , 選 [ 預覽及獲得程式碼 ] 按鈕 6 ...
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 中的 [ 修改版面配置 ] 視窗一致 ),  選...
22. 移動 [ 捲軸 ] 1 往下 1
23. 左方出現數位之牆的 [ 部落輪播 ] 區 , 顯示產業動態 , ( 若 數位之牆 頻寬不足 ; 有時會顯示不出 ; 可按 F5 鍵重新顯示 )
Upcoming SlideShare
Loading in …5
×

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

2,223 views

Published on

http://www.digitalwall.com (數位之牆)提供[部落輪播]功能;如何透過Google部落格中的HTML/JavaScript網頁元素;
將其添加到部落格中指定位置;學會此功能;就能將許多網站提供的功能;加到自己的部落格喔

Published in: Technology
  • 3-5如何將數位之牆的[部落輪播]功能放入Google的部落格(HTML-JavaScript網頁元素)

    http://econsultant520.blogspot.com/2008/02/3-5googlehtml-javascript.html

    先備知識:

    2如何申請google的免費電子郵件帳號

    http://econsultant520.blogspot.com/2008/01/2google.html



    3如何在gmail中啟用Google所提供的對應部落格

    http://econsultant520.blogspot.com/2008/01/3gmailgoogle.html



    3_1如何在google提供的部落格中,設定接受e-mail的方式來產生新文章

    http://econsultant520.blogspot.com/2008/01/31googlee-mail.html



    3_4_1如何受邀在他人的部落格發表文章

    http://econsultant520.blogspot.com/2008/01/341.html



    3_4如何邀請他人來共同發表部落格的文章

    http://econsultant520.blogspot.com/2008/01/34.html



    3_5如何在部落格中出現標籤區,讓使用者根據標籤找文章

    http://econsultant520.blogspot.com/2008/01/35.html



    相關單元:



    3_5_1如何調動Google部落格中網頁元素的位置

    http://econsultant520.blogspot.com/2008/02/351google.html



    3_5_2如何將部落格中某一網頁元素移除 (標籤網頁元素)

    http://econsultant520.blogspot.com/2008/02/352.html

    3_5如何在Google提供的部落格中出現投影片(圖片輪播)的功能 (投影片網頁元素)

    http://econsultant520.blogspot.com/2008/02/35google.html



    3_5如何在Google提供的部落格中,出現Youtube影片區的功能(視訊列網頁元素)

    http://econsultant520.blogspot.com/2008/02/35googleyoutube.html
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • 操作步驟逐步的畫面顯示如下:

    http://econsultant520.blogspot.com/2008/02/3-5googlehtml-javascript.html
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

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

  1. 1. 3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 (HTML/JavaScript 網頁元素 ) 楊乾中 2008 年 2 月 [email_address]
  2. 2. 3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>1. 到網址 http://www.digitalwall.com ( 數位之牆 ) 1 , 選 [ 部落輪播 ] 選項 </li></ul><ul><li>2. 出現 [<< 數位之牆 >> 部落輪播 ] 視窗 ; 顯示科技產業動態輪播內容 ; 移動 [ 捲軸 ] 1 往下 </li></ul><ul><li>3. 移到輸入網址的文字方塊 1 </li></ul><ul><li>4. 輸入網址 ( 本例為 econsultant520.blogspot.com ) 1 , 依序選 評論 右方色塊 2 , 標題 右方色塊 3 , 邊框 右方色塊 4 , 底色 右方色塊 5 , 選 [ 預覽及獲得程式碼 ] 按鈕 </li></ul>楊乾中 2008 年 2 月 [email_address]
  3. 3. 3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>5. 顯示配置效果 , 選口 ( 最大化 ) 1 圖示 </li></ul><ul><li>6. 出現配置效果與 HTML 碼 </li></ul><ul><li>7. 在碼上按滑鼠左鍵一下自動全部選取 1 , 按 Ctrl+C 雙鍵將此碼複製到剪貼簿 </li></ul><ul><li>8. 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視窗 ], 輸入使用者名稱 ( 本例為 econsultant520) 1 ; 密碼 2 ; 選 [ 登入 ] 3 按鈕 </li></ul>楊乾中 2008 年 2 月 [email_address]
  4. 4. 3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>9. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ] 1 按鈕 </li></ul><ul><li>10. 出現 [ 更多 Google 產品 ] 視窗 , 選口 ( 最大化 ) 1 圖示 </li></ul><ul><li>11. 選 [Blogger] 1 選項 </li></ul><ul><li>12. 出現 [blogger 控制主頁 ] 視窗 , 選 [ 版面配置 ] 1 選項 </li></ul>楊乾中 2008 年 2 月 [email_address]
  5. 5. 3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>13. 出現 [ 修改版面配置 ] 視窗 , 目前在 [ 版面配置 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 加入網頁元素 ] 1 按鈕 </li></ul><ul><li>14. [ 選擇新的網頁元素 ] 視窗 , 出現名稱為 [HTML/JavaScript] 的網頁元素 , 選 [ 加入 BLOG] 1 按鈕 </li></ul><ul><li>15. 出現 [ 設定 HTML/JavaScript] 視窗 </li></ul><ul><li>16. 移到 內容 下的文字方塊 , 按 Ctrl+V 雙鍵 1 , 出現 html 碼 </li></ul>楊乾中 2008 年 2 月 [email_address]
  6. 6. 3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>17. 移到 標題 下的文字方塊 , 輸入標題名稱 ( 本例為數位之牆 ) 1 , 選 [ 儲存變更 ] 2 按鈕 </li></ul><ul><li>18. 返回 [ 修改版面配置 ] 視窗 , 版面出現所加入的網頁元素 ( 本例為 [HTML/JavaScript 網頁元素 ]) </li></ul><ul><li>19. 調動 [ 數位之牆網頁元素 ] 如下圖 , 選 [ 儲存 ] 1 按鈕 </li></ul><ul><li>20. 出現 您的變更已儲存 訊息 , 選 [ 檢視 blog] 1 按鈕 </li></ul>楊乾中 2008 年 2 月 [email_address]
  7. 7. 3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>21. 出現部落格內容 ( 本例 http://econsultant520.blogspot.com/), 部落格左方出現 HTML/JavaScript 網頁元素區 ( 所在位置與步驟 20 中的 [ 修改版面配置 ] 視窗一致 ), 選口 ( 最大化 ) 1 圖示 </li></ul><ul><li>22. 移動 [ 捲軸 ] 1 往下 </li></ul>楊乾中 2008 年 2 月 [email_address]
  8. 8. 3-5 如何將數位之牆的 [ 部落輪播 ] 功能放入 Google 的部落格 ( HTML/JavaScript 網頁元素 ) <ul><li>23. 左方出現數位之牆的 [ 部落輪播 ] 區 , 顯示產業動態 ( 若 數位之牆 頻寬不足 ; 有時會顯示不出 ; 可按 F5 鍵重新顯示 ) </li></ul>楊乾中 2008 年 2 月 [email_address]
  9. 9. 1. 到網址 http://www.digitalwall.com ( 數位之牆 ) 1 , 選 [ 部落輪播 ] 選項 1
  10. 10. 2. 出現 [<< 數位之牆 >> 部落輪播 ] 視窗 ; 顯示 科技產業動態輪播內容 ; 移動 [ 捲軸 ] 1 往下 1
  11. 11. 3. 移到 輸入網址的文字方塊 1 輸入網址 1
  12. 12. 4. 輸入網址 ( 本例為 econsultant520.blogspot.com ) 1 , 依序選 評論 右方色塊 2 , 標題 右方色塊 3 , 邊框 右方色塊 4 , 底色 右方色塊 5 , 選 [ 預覽及獲得程式碼 ] 按鈕 6 新聞版面 的 底色 新聞版面 的 文字顏色 2 3 4 5 1
  13. 13. 5. 顯示 配置效果 , 選 口 ( 最大化 ) 1 圖示 配置效果 1
  14. 14. 6. 出現 配置效果與 HTML 碼
  15. 15. 7. 在碼上按滑鼠左鍵一下自動全部選取 1 , 按 Ctrl+C 雙鍵將此碼複製到剪貼簿 在碼上按滑鼠左鍵一下 自動全部選取 1 , 按 Ctrl+C 雙鍵 2
  16. 16. 8. 到網址 mail.google.com, 出現 [ 歡迎使用 gmail 視窗 ], 輸入使用者名稱 ( 本例為 econsultant520) 1 ; 密碼 2 ; 選 [ 登入 ] 3 按鈕 1 2 3
  17. 17. 9. 出現 [Gmail 收件匣 ] 視窗 , 選 [ 更多 ] 1 按鈕 1
  18. 18. 10. 出現 [ 更多 Google 產品 ] 視窗 , 選 口 ( 最大化 ) 1 圖示 1
  19. 19. 11. 選 [Blogger] 1 選項 1
  20. 20. 12. 出現 [blogger 控制主頁 ] 視窗 , 選 [ 版面配置 ] 1 選項 1
  21. 21. 13. 出現 [ 修改版面配置 ] 視窗 , 目前在 [ 版面配置 ] 標籤下的 [ 網頁元素 ] 標籤 , 選 [ 加入網頁元素 ] 1 按鈕 1
  22. 22. 14. [ 選擇新的網頁元素 ] 視窗 , 出現名稱為 [HTML/JavaScript] 的網頁元素 , 選 [ 加入 BLOG] 1 按鈕 1
  23. 23. 15. 出現 [ 設定 HTML/JavaScript] 視窗
  24. 24. 16. 移到 內容 下的文字方塊 , 按 Ctrl+V 雙鍵 1 , 出現 html 碼 Ctrl+V 雙鍵 1
  25. 25. 17. 移到 標題 下的文字方塊 , 輸入標題名稱 ( 本例為 數位之牆 ) 1 , 選 [ 儲存變更 ] 2 按鈕 1 2
  26. 26. 18. 返回 [ 修改版面配置 ] 視窗 , 版面出現所加入的網頁元素 ( 本例為 [HTML/JavaScript 網頁元素 ])
  27. 27. 19. 調動 [ 數位之牆網頁元素 ] 如下圖 , 選 [ 儲存 ] 1 按鈕 1 2
  28. 28. 20. 出現 您的變更已儲存 訊息 , 選 [ 檢視 blog] 1 按鈕 1
  29. 29. 21. 出現部落格內容 ( 本例 http://econsultant520.blogspot.com/), 部落格左方出現 HTML/JavaScript 網頁元素區 ( 所在位置與步驟 20 中的 [ 修改版面配置 ] 視窗一致 ), 選口 ( 最大化 ) 1 圖示 1
  30. 30. 22. 移動 [ 捲軸 ] 1 往下 1
  31. 31. 23. 左方出現數位之牆的 [ 部落輪播 ] 區 , 顯示產業動態 , ( 若 數位之牆 頻寬不足 ; 有時會顯示不出 ; 可按 F5 鍵重新顯示 )

×