跳到主要內容區
 

Q:如何將google日曆嵌入網頁→ A: 在google日曆建立資訊後→選更多選項→點選設定與共用→勾選公開日曆→複製內嵌程式碼的網址貼到下述響應式語法的網址位置中,儲存即可。

發佈日期 : 2025-04-01 最後更新日期 : 2025-04-02

Q:如何將google日曆嵌入網頁→ A:在google日曆建立資訊後→選更多選項→點選設定與共用→勾選公開日曆→複製內嵌程式碼的網址貼到下述響應式語法的網址位置中,儲存即可。


A:

1.在google日曆建立資訊後→

2.選更多選項→

3.點選設定與共用→

4.勾選公開日曆→

5.複製內嵌程式碼的網址,並將網址貼到下述響應式語法的網址位置中,儲存即可。

<div class="calendar-container">

    <iframe

        src="https://calendar.google.com/calendar/embed...Asia%2FTaipei...嵌入的網址語法"

        style="border:0;"

        allowfullscreen

        loading="lazy">

    </iframe>

</div>

 

<style>

.calendar-container {

    position: relative;

    width: 100%;

    padding-top: 75%; /* 4:3 Aspect Ratio */

}

 

.calendar-container iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

</style>

承辦單位: 圖書館
瀏覽數: