偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

部落格發文應用

課程編號： 113186授課時間：每週一晚上 7 點－ 9 點40 分授課講師：郭欣彥

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

部落格平台比較無名小站 痞客邦 天空部落 Xuite隨意窩 Yahoo奇摩

相簿 一般 :150MB付費 : 依金額

不同100GB

無限制大小

HN 設備用戶10GB

一般 2GB

無限制大小

影音 5.12GB X

Java Script

O O O O X

文章加密 O O O O X

文章中上傳相片 X O O O O

共同作者 O O O O X

預約發布 X O O O X

facebook串接 O O O X X

圖片外連X O

O需外掛

O 需外掛 X

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

部落格文章常見錯誤

• 錯誤著作權觀念• 轉貼自 E-mail 或別人的文章• 內容都是生活瑣碎• 字體過小• 發文頻率過低• 錯字過多及使用火星文• 不管理留言內容• 關不掉的背景音樂

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發文前準備工作

• 瞭解部落格發文限制–可否有商業行為、違反善良風俗等–能否嵌入影片碼、使用 java 等功能

• 規劃部落格文章分類–全站文章分類–個人文章分類• 目錄分類類分類：無名、痞客邦、天空、隨意窩• 分類： Yahoo 奇摩、 udn 、巴哈姆特

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

基本發文

• 直接輸入文字• 由記事本複製

貼上文章

Yahoo 奇摩部落格

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

基本文字編輯

• 輸入文字後利用編輯器編輯

• 先在 world 上設定好文字排版及樣式，後複製貼上文章

Yahoo 奇摩部落格

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

基本文字編輯無名小站

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入圖片至文章

直接從電腦中上傳圖片，可邊寫文章邊上傳。

從相簿中插入圖片，需事先將圖片上傳至相簿中。

連結網路上某張圖片，需找到該圖片網址，且該網站可接受外連圖片。

輸入圖片完整網址

指定圖片大小

設定圖片邊框及對齊

yam 天空部落

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入圖片至文章 - 取得圖片網址

滑鼠對著圖片點滑鼠右鍵選取“內容”，將網址複製起來即可獲得該圖網址。

IE瀏覽器

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入圖片至文章 - 取得圖片網址

滑鼠對著圖片點滑鼠右鍵選取 “複製圖片網址” 或 “ 複製影像網址” ，即可獲得該圖網址。

火狐瀏覽器

google瀏覽器

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

切換 HTML原始碼模式• 各部落格平台有不同切換按鈕• 無名小站• 痞客邦• yam 天空部落• Xuite 隨意窩• Yahoo 奇摩部落格• 巴哈姆特勇者小屋• Udn 部落格• Google Blogger

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

嵌入語法注意事項

• Yahoo 奇摩不支援影音、地圖等嵌入碼• 嵌入語法要貼在 HTML原始碼模式

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入圖片至文章 - 取得外連語法

yam 天空部落1.點 “ flash 外連”，跳出設定視窗。2. 設定圖片寬度及高度，可不設定。3.點 “產生語法”，自動產生外連語法。4.點 “快速複製語法”，即可獲得外連語法。5. 將語法貼入文章 HTML原始碼中。ps. 需在帳號登入狀態下觀看自己的相簿。

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入圖片至文章 - 取得外連語法Xuite隨意窩 1.在相簿後台挑選相簿，並勾選欲外連之相片。

2.點 “外連選取”，跳出設定視窗。3.選擇圖片大小及進階設定。4.點 “複製至剪貼簿”，即可獲得外連語法。5. 將語法貼入文章 HTML原始碼中。ps. 需在帳號登入狀態下觀看自己的相簿後台。

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入影音至文章 - 取得嵌入碼

1.點 “分享”，下拉分享介面

YouTube Facebook、推特、 E-mail

部落格 (Blog)、網頁 (HTML)

3. 設定片進階選項

4. 設定影片大小

5.複製嵌入碼

2.點 “嵌入”，下拉嵌入程式碼介面

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入影音至文章 - 取得嵌入碼痞客邦

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入影音至文章 - 取得嵌入碼無名小站

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入影音至文章 - 取得嵌入碼Yam 天空部落

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入影音至文章 - 取得嵌入碼Yam 天空部落

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入影音至文章 - 取得嵌入碼Xuite隨意窩

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

插入影音至文章 - 取得嵌入碼Xuite隨意窩

<iframe marginwidth='0' marginheight='0' src='http://vlog.xuite.net/embed/bkhDSmVVLTEwNDI2MzguZmx2?ar=0&as=0' width='180' height='60' scrolling='no' frameborder='0'></iframe>

重複播放0 關閉、 1 開啟

自動播放0 關閉、 1 開啟

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發表嵌入地圖的文章痞客邦

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發表嵌入地圖的文章Yam 天空部落

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發表嵌入地圖的文章Xuite隨意窩

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

取得地圖嵌入碼

Google Map

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發表圖文並茂的文章Yam 天空部落

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發表圖文並茂的文章

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發表圖文並茂的文章

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發表圖文並茂的文章

偽。學姊遊記 http://blog.yam.com/cindynhcc 偽。學姊 http://blog.yam.com/cindynhcc

發表圖文並茂的文章