A Test PPT.

1. Google blogger
簡介
網路行銷與實務

2. 部落格(Google Blogger)的基礎建置
Google Blogger 的介紹
如何建立部落格
各種平台模板與風格
文章編輯工具介紹
嵌入圖片/影片/簡報/行事曆/網路問卷調查/地圖

3. Google Blogger 的介紹
如何建立部落格
各種平台模板與風格
文章編輯工具介紹
嵌入圖片/影片/簡報/行事曆/網路問券調查/標籤

4. 甚麼是部落格
部落格(Blog)的由來與應用
Web Log ＝ Blog ＝ 部落格 ＝ 網誌(網路日誌) ＝ 博客
Jorn Barger於 1997/12/17 創造了“Weblog”這個名詞。
而 “Blog” 的縮寫則 是由 Peter Merholz 所創，當時他開玩笑地將
“Weblog”在他的部落格 (Peterme.com)的側邊欄變成片語 “we blog”而
來。
Blog 是由現代的線上日記演化而來，一種由個人管理、不定期張貼新
的 文章、圖片或影片的網頁或線上日記，用來抒發情感或分享資訊
1998 年開始有 Blog 出現網路上，1999 年美國網站 pitas 開始提供免費
的 網路日記服務。
部落格主人除了能發表文章，也能收到讀者的迴響，提供個人意見的
發 表與交流途徑。
書寫 blog 的人，通常被稱為『blogger』。

5. 甚麼是部落格(續)
部落格的大流行
隨著部落格技術發展的成熟和各部落格託管商的陸續出現，部落格的應用
在 1999 年後開始流傳。
1998年10月，Open Diary 推出後，該網站用戶很快的增加到上千個部落格，
成為了第一個能在別人部落格上留下評論的互動式部落格託管商。
1999年3月，著名部落格作者 Brad Fitzpatrick 創立了 LiveJournal。
1999年7月，Andrew Smales 創立了 Pitas.com，該網站開發了一個較容易在
某個網站上嵌入「新聞頁」的工具，1999年9月，該網站又推出了較貼近於
個人活動的日誌社群 Diaryland。
1999年8月，Evan Williams 和 Meg Hourihan 推出了 blogger.com，此網站於
2003 年 2 月被 Google 公司收購。
文章參照：http://zh.wikipedia.org/wiki/網誌

6. Blogger(部落格)的優點…
可以記錄您的生活紀事，並透過標籤將所有事件(文章)作自動分類，
讓觀眾點閱 時更加方便。
一篇文章就是一個獨立網頁，並可透過內建的 Google 搜尋來快速找
尋舊文章。
可以很容易的透過 Youtube 影音、PowerPoint 簡報、Picasa 相簿、網
路問券調查 等功能之整合，讓你的部落格發揮最大(教學)效益。
觀眾(學生或家長)可以透過留言與我緊密互動。
內建訂閱功能，當有發表文章時，我的觀眾可以透過 Google
Reader(閱覽器)接收到 最新訊息。
網頁元件容易整合其他功能。
沒有廣告、也沒有收費的問題。

7. Google Blogger與其它部落格的不同?
Blogger 的優點：
內建網路圖庫(Picasa)自動連結。
可同時整合大部份的 Google APPS 服務。
可從網路下載各式各樣的模板，並可自行編輯原始碼。
內建多國語系介面及文字自動翻譯功能。
完全無嵌入廣告(自訂部落格廣告還可賺取廣告費) 。
 背後是 Google 穩定可靠的伺服器平臺。
單一帳號可同時設立(管理) 10 組部落格。
可支援”共同編寫”機制。
可限制訪客及留言者的身份。
草稿自動儲存、文章可匯出/匯入。
所有小工具都可以自由拖放到不同的欄位。
側欄可放置圖片、文字、影片、問券、HTML、Javascript 內容。

8. Google Blogger與其它部落格的不同? (續)
Blogger 的缺點：
模板的語法複雜，新手不易修改。
無多層分類及文章加密功能。
無中文使用者論壇，缺少心得交換及統一解答疑惑的平臺。

9. 開始來設立你自己的 Blog 吧!
設立 Blog 前的準備:
須先申請好 Gmail 帳號。
請先登入您的 Google 帳號 (https://accounts.google.com/)
請登入 Google Blogger…

10. 開始來設立你自己的 Blog 吧! (續)
開始來設立你的部落格
請登入 http://www.blogger.com/ ，並輸入你事先申請的 Gmail 帳
號及密碼。
按「開始使用 Blogger」。
按「新增網誌」。
輸入標題 ＞ 輸入地址 ＞ 選定範本 ＞ 按「建立網誌」。 (範本可
以先任意選定，待會兒還可以慢慢的選換…)
大功告成。

11. Blogger 的範本設計
請點選：左上角檢視網誌
請點選：右上角「設計」，再按 下方「網誌即時狀態/自訂」進入範本
設計工具
挑選範本
選定你所喜愛的版型，然後按「套用至網誌」 。
挑選背景 移除圖片 ＞ 點選 ▼ 按鈕 ＞ 選定背景圖片後按「完成」。
調整寬度 非必要，建議可先不調動。
版面配置 請選定”主體版面配置” 、”頁尾版面配置”
進階設定 主要是作版面的文字及文字顏色/大小調整。
選定後請按「套用至網誌」＞ 「返回 Blogger」

12. Blogger發表文章建立
請點選：發表文章 ＞ 建立新聞章＞ 發佈 (或是僅儲存而不發佈)
• 文字編輯器的功能大致上與 Word 相差不大。
• 右側的「文章設定」部份，除了”標籤”外，都可忽略不動。
文章編輯工具介紹
• Blogger 的發表文章建立
• 內建字型
• 字型大小
• 標題類別
• 文字背景顏色
• 新增或移除連結
• 插入影片
• 插入圖片

13. 發表文章建立：嵌入外部圖片
請點選：發表文章 ＞ 輸入文章標題 ＞ 開始”撰寫” ＞ 插入圖片
請選定要上傳的圖片＞ 再按「加入所選圖片」來完成。
• (也可按「來自 網路相簿」來選定網路圖片)
• (在文字編輯器內直接點選圖片，可以切換圖/文位置點)

14. 發表文章建立：嵌入 YouTube 影片
• 請點選：發表文章 ＞ 輸入文章標題 ＞ 開始”撰寫” ＞ 插入影片
• 請選定要上載的影片＞ 再按「選擇要上載的影片」來完成。
• 也可按「從 YouTube 」，再輸入搜尋名稱來選定網路影片
• 在文字編輯器內直接點選影片，可以移動放置點)

15. 發表文章建立：嵌入 PPT 簡報檔
• 請點選：發表文章 ＞ 輸入自訂標題 ＞ 點選 HTML
• 另開新視窗，點選 www.slideshare.net (註冊並登入)
• 將事先準備好的簡報 Upload 到 slideshare 網站。
• Upload ＞ Upload ＞ 選定要上傳簡報檔 ＞ 等系統回覆成功訊息!
• 點選”My Upload” ＞ 點選你所指定的檔案 ＞ 點選 Embed ＞ 拷貝網址 ＞
轉貼到 Blogger 的發表文章 HTML 欄內 ＞ 按發佈

16. 發表文章建立：嵌入 地圖
請點選：發表文章 ＞ HTML
嵌入地圖或路線
• 開啟 Google 地圖。
• 確認地圖畫面上顯示的是你想嵌入的地圖、「街景服務」圖片或路線。
• 按一下 [分享或嵌入地圖]
• 按一下左上角的「選單」圖示
• 在畫面顯示的方塊上方選擇 [嵌入地圖]。
選擇您要的大小並複製 HTML 嵌入程式碼，然後轉貼到您網站或
網誌的原始碼中。

17. 發表文章建立：嵌入 Google 行事曆
請點選：發表文章 ＞ HTML
另開新視窗，登入 Google 日曆 ＞ 點選指定分享的日曆 ＞ 日曆
設定 (https://calendar.google.com/ )
• 點選「嵌入此日曆之”自訂顏色、大小與其他選項” 」
• 挑選：顯示、預設檢視、寬度 /高度、週起始於、背景顏色、邊框，完
成後 請按下「更新 HTML」並複製 CSS Code。
請將 CSS code 轉貼到 Blogger 文字編輯器內，再按下「發佈」。
參考：https://support.google.com/calendar/answer/41207?hl=zh-
Hant

18. 發表文章建立：嵌入網路問卷調查
請點選：發表文章 ＞ HTML
請另開視窗： https://docs.google.com/forms/u/0/
• 開啟網址，並登入Google帳號後即可開始製作問卷。
• 請先將問卷標題與敘述填妥，這樣大家才知道這個問卷的範圍與主要目
的。
• 接著在「問題標題」處輸入第一個問題的內容，下方的「說明文字」可
以簡 單的界定一下這個問題的範圍。
• 打完第一個問題之後，可以按一下〔+新增問題〕繼續寫下一個問題。
• 每個問卷都可以套用不同的主題。
點選傳送、點選嵌入 HTML、點選複製
 再將程式碼貼到你的 HTML 編輯器內，再按發佈。

19. Break and Q&A
• Google Blogger 實作演練 (20 分鐘)
【練習題】
1). 建立第一個部落格
2). 編輯帳號資訊
3). 選用個人的部落格模板
4). 發表第一篇文章
5). 練習在文章中嵌入圖片、影片、簡報