[Blogger使用心得]將doc文章嵌入blog(Embed doc file in blog)

1. 目標..

將doc文章嵌入blog, 當文章過寬或過長時, 旁邊或下方會顯示捲軸, 如圖1所示..

圖1-嵌入doc文章

2. 做法..

2.1. 將欲嵌入的doc檔案進行上傳至Google文件(Google Docs), 並勾選"Convert documents, ...(中略)...Google Docs formats"(如圖2紅圈所示)進行轉檔, 然後按下Start upload.

注意.. 進行轉檔後的文件式樣或編號可能會發生變異!!

圖2-上傳doc檔案

2.2. 進入存放該檔案的位置, 由其檔案icon的外觀可知轉檔成功(如圖3紅圈所示), 然後以滑鼠左鍵點擊該檔, 此時會另外開啟一個文件編輯網頁.

圖3-已上傳doc檔案

2.3. 進入該網頁後, 有兩個相同功能的方式可以選用..
2.3.1. 方式一.. 點擊螢幕右上方的Share按鍵旁附屬的倒三角箭頭(如圖4紅圈所示), 在展開的選單中點擊Publish to the Web..., 然後會開啟一個訊息欄.

圖4-倒三角箭頭按鍵

2.3.2. 方式二.. 點擊 '檔案' / '發佈到網路'  (如圖4.1紅圈所示).
P.S. 本方式於20111101起使用.

圖4.1-發佈到網路

2.4. 從該訊息欄複製Embed code(如圖5紅圈所示)後, 關閉該欄.

圖5-選取Embed code

 

 

 

 

2.5. 之後進入自己的blog> 文章> 新文章(或修改文章), 切換至修改HTML模式, 然後將該embed code貼入欄內任一位置> 發佈文章> 檢視網誌, 如此即可.

2.6. 至於調整嵌入文章大小尺寸的方法, 於HTML模式中, 從下列該embed code來看..

<iframe frameborder="0" height="400" marginheight="0" marginwidth="0" src="此處為該doc檔案的所在網址;embedded=true" width="550"></iframe>


height="400"(紫字部分)為可變更之嵌入欄位高度.
width="550"(橘字部分)為可變更之嵌入欄位寬度.


當然, 尺寸的調整需視個人blog版面大小而自行設定.

 

 

20210827(Fri)補充:

針對Google文件嵌入blog之做法, 為於該文件內容編寫完成後, 點擊上方功能列之"檔案", 點擊其"發布到網路", 之後選取該檔案連結路徑, 其語法例如:

https://docs.google.com/document/d/e/2PACX-1vSA6pCuBSB70Fek42_FMffsR_vZIls410fIEIJUiYV6EnNnGywoqZGILpqKOJqj1BGyjeB/pub

然後遵照前述方式將該連結路徑貼入embed code內紅字所提示的位置, 注意之後符號為問號"?":

<iframe frameborder="0" height="400" marginheight="0" marginwidth="0" src="此處為該doc檔案的所在網址?embedded=true" width="550"></iframe>


height="400"(紫字部分)為可變更之嵌入欄位高度.
width="550"(橘字部分)為可變更之嵌入欄位寬度.


當然, 尺寸的調整需視個人blog版面大小而自行設定.

3. 感謝..

感謝網路上每位資訊提供者, 因為有您們無私的貢獻, 讓大家才有更美好的表現.