如何在網站或博客上嵌入Google日曆

你的俱樂部,樂隊,團隊,公司或家庭網站是否需要專業的日曆? 為什麼不使用免費且容易的Google日曆 。 您可以分享編輯活動的責任,並將您的實時日曆嵌入您的網站,讓每個人都知道即將舉行的活動。

05年1月

入門 - 設置

屏幕捕捉

要嵌入日曆,請打開Google日曆並登錄。接下來,請轉到左側,然後點擊要嵌入的日曆旁邊的小三角形。 你會看到一個選項框展開。 點擊日曆設置

05年05月

複製代碼或選擇更多選項

屏幕捕捉

如果您對Google的默認設置感到滿意,則可以跳過下一步。 但是,在大多數情況下,您需要調整日曆的大小或顏色。

向下滾動頁面,您會看到標記為“ 嵌入此日曆”的區域。 您可以使用Google的默認配色方案將此處的代碼複製到默認的800x600 像素日曆中。

如果您想更改這些設置,請點擊標有自定義顏色,尺寸和其他選項的鏈接

05年3月

自定義外觀

屏幕捕捉

點擊定制鏈接後,此屏幕應在新窗口中打開。

您可以指定默認背景顏色以匹配您的網站,時區,語言和一周的第一天。 您可以將日曆設置為默認週或日程視圖,這可能對自助餐廳菜單或團隊項目日程安排等有用。 您還可以指定日曆中顯示哪些元素,如標題,打印圖標或導航按鈕。

最重要的是對於網站和博客,您可以指定大小。 默認大小為800x600像素。 對於沒有任何其他內容的全尺寸網頁來說,這很好。 如果您將日曆添加到其他項目的博客或網頁,則需要調整大小。

請注意,每次您進行更改時,都會看到實時預覽。 右上角的HTML也應該改變。 如果沒有,請按“ 更新HTML”按鈕。

一旦您對更改感到滿意,請選擇並複制右上角的HTML。

04年05月

粘貼您的HTML

屏幕捕捉

我將其粘貼到Blogger博客中,但可以將其粘貼到任何允許嵌入對象的網頁中。 如果您可以在網頁上嵌入YouTube視頻,則不會有任何問題。

確保你將它粘貼到你的網頁或博客的HTML中,否則它將無法工作。 在這種情況下,只需在Blogger中選擇HTML標籤並粘貼代碼即可。

05年05月

日曆是嵌入式的

屏幕捕捉

查看您的最終頁面。 這是一個實時日曆。 您在日曆上的事件中所做的任何更改都會自動更新。

如果它的大小和顏色不符合您的要求,則可以返回Google日曆並調整設置,但必須再次復制並粘貼HTML代碼。 在這種情況下,您正在更改日曆在頁面上的顯示方式,而不是事件。