如何將 Google 雲端硬碟的共享資料夾, 以 iframe 頁框方式嵌入部落格、網頁或是 1Know 平台中?
在 Google Sites 協作平台中,可以很輕易的將 Google 雲端硬碟上的資料夾嵌入編輯的頁面中,那麼,在部落格或是自行設計的網頁上,是否也能利用相同的方式進行 Google 雲端硬碟資料夾的共用呢?
加上 Google 雲端硬碟支援 Office 文件(Word、Excel、PowerPoint、PDF)、圖片檔(JPG、PNG、Gif、Adobe Illustrator、PSD)、聲音檔案(MP3、WAV)、影片(AVI、MP4、MPG)、壓縮檔案(ZIP、RAR、7Z)…等檔案類型的線上預覽,這樣就能讓使用者不需要將檔案下載下來,直接在線上瀏覽,也不用擔心使用者電腦沒有適合的軟體來開啟這些檔案內容!
在 Google 協作平台上有提供兩種資料夾呈現的檢視方式:清單與格狀檢視,在以下的 iframe 語法中,也可以做得到喔!
註:這個方法也適用於 1Know 的「嵌入」單元類型喔!
昨天有看到「bubble泡泡老師:嵌入google drive資料夾」的文章,泡泡老師有很詳細的介紹,大家也可以參考一下喔!
以下是詳細的使用步驟:
- 將 Google 雲端硬碟資料夾設為「公開在網路上」或「任何知道連結的使用者」
- 取得共享連結網址,最重要的就是 id= 後面那串很長的字串
例如:https://drive.google.com/open?id=0Bw_XYRnXpsKGaDdCMERBNmFMUk0
- 將上述共用連結網址的 id= 後方的字串貼入以下 iframe 語法中的指定位置,就能將此語法加入一般的網頁或部落格中使用囉!
註:以下語法主要來自「bubble泡泡老師:嵌入google drive資料夾」中提供的內容,再做一些補充!
.清單語法:#list
.格狀檢視語法:#grid
.頁框背景顏色是否透明 allowtransparency 語法:
false 不透明,白色背景,true 透明,顯示原網頁背景顏色
.頁框寬度語法 width:單位可以是百分比或是像素
.頁框高度語法 height:單位只能用像素
留言