如何將 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資料夾」的文章,泡泡老師有很詳細的介紹,大家也可以參考一下喔!

以下是詳細的使用步驟:
  1. 將 Google 雲端硬碟資料夾設為「公開在網路上」或「任何知道連結的使用者」

    step1

    step2

  2. 取得共享連結網址,最重要的就是 id= 後面那串很長的字串
    例如:https://drive.google.com/open?id=0Bw_XYRnXpsKGaDdCMERBNmFMUk0

    step3

  3. 將上述共用連結網址的 id= 後方的字串貼入以下 iframe 語法中的指定位置,就能將此語法加入一般的網頁或部落格中使用囉!

    註:以下語法主要來自「bubble泡泡老師:嵌入google drive資料夾」中提供的內容,再做一些補充!

    清單語法:#list
    格狀檢視語法:#grid
    .頁框背景顏色是否透明 allowtransparency 語法:
     false 不透明,白色背景,true 透明,顯示原網頁背景顏色
    .頁框寬度語法 width:單位可以是百分比或是像素
    .頁框高度語法 height:單位只能用像素

張貼留言

這個網誌中的熱門文章

原來Google雲端硬碟也能開放「匿名上傳」,做為學生作業、比賽稿件上傳就不用再傷腦筋了!(Google Apps Script應用服務指令碼)

OnlineVideoConverter 雲端影片擷取服務,讓您不只下載 youtube 影片,更能直接下載指定範圍的影片內容,幫您省下影片下載後再剪輯轉檔的時間!(也有瀏覽器擴充工具,讓使用率較高的人更方便!)

「Google 語音輸入法」、「訊飛中文語音輸入法」APP ,讓智慧型裝置也能輕鬆「離線」進行語音輸入!