Pages

如何 Google 行事曆嵌入網頁

Sep 17, 2013

本文是說明將 Gmail 日曆如何分享嵌入自己的網站或部落格中。

創建網站或部落格時,想要建立一個活動公告日曆,若原本系統並無此功能時,可以藉由 Google 日曆嵌入HTML的方式得到相同結果。

2011年筆者曾自製分享 王建民MLB出賽行事曆,並持續維護一段時間,今日竟一時間找不到如何取得嵌入HTML的語法,將操作步驟詳細列出。

登入Gmail 日曆 > 設定
image

 

進入頁籤 [日曆] > 選擇要分享的日曆,點擊右側 [共用此日曆]
image

已共用的日曆,連結的名稱則改為 [公用:編輯設定]

進入頁籤 [日曆詳細資料] > 點擊 [自訂顏色、大小與其他選項]

image

調整左側屬性後,複製右上方的 HTML 語法
image

將取得的 HTML 語法貼在網站頁面或部落格中,呈現效果如下圖

image

上方截圖來源:http://www.rotary-harvest.org.tw/page/calendar.aspx