如何將Google相簿顯示在網頁裡?

要將Google相簿顯示在(嵌入)網頁或部落格裡有很多方法,本篇介紹的方法由網站Public album .org所提供;我們利用Google相簿的分享連結和Public album .org的工具(CREATE EMBED CODE)取得HTML程式碼,再將這段程式碼插入我們的網頁裡即可很容易地將相簿顯示在網頁裡。

以下示範將Google相簿顯示在Google網誌(Spotblog)裡,依照以下步驟即可完成:

1. 登入Google相簿 > 選擇一個相簿(ex, Ab_野柳風景...) > ... > [選項]

2. 關閉[協同合作] > 開啟[透過連結共享] > [複製連結] (本例我們取得此連結 https://photos.app.goo.gl/qX4brJyNjriPbKrLA)


3.進入Public album .org > 找到下圖 > 將以上取得的連結貼在https://欄位 > 點選[CREATE EMBED CODE]

4. 複製相片右側的程式碼,或點選[COPY CODE TO CLIPBOARD]亦可。
    其他欄位可不須修改,當然也可依需求作修改,例如在此我把Background Color改為#1b0d66.

5. 回到編輯網頁畫面,如下圖我們預計將相片置於某一行的下方,然後切換到[HTML檢視]模式。

6. 將所複製的程式碼貼在某一段文字的</p>之後就完成了。

完成後的樣子就如下圖或請瀏覽此網頁"相簿 -- 野柳風景"

沒有留言:

張貼留言

>