如何在网站或博客上嵌入Google日历

你的俱乐部,乐队,团队,公司或家庭网站是否需要专业的日历? 为什么不使用免费且容易的Google日历 。 您可以分享编辑活动的责任,并将您的实时日历嵌入您的网站,让每个人都知道即将举行的活动。

05年1月

入门 - 设置

屏幕捕捉

要嵌入日历,请打开Goog​​le日历并登录。接下来,请转到左侧,然后点击要嵌入的日历旁边的小三角形。 你会看到一个选项框展开。 点击日历设置

05年05月

复制代码或选择更多选项

屏幕捕捉

如果您对Google的默认设置感到满意,则可以跳过下一步。 但是,在大多数情况下,您需要调整日历的大小或颜色。

向下滚动页面,您会看到标记为“ 嵌入此日历”的区域。 您可以使用Google的默认配色方案将此处的代码复制到默认的800x600 像素日历中。

如果您想更改这些设置,请点击标有自定义颜色,尺寸和其他选项的链接

05年3月

自定义外观

屏幕捕捉

点击定制链接后,此屏幕应在新窗口中打开。

您可以指定默认背景颜色以匹配您的网站,时区,语言和一周的第一天。 您可以将日历设置为默认周或日程视图,这可能对自助餐厅菜单或团队项目日程安排等有用。 您还可以指定日历中显示哪些元素,如标题,打印图标或导航按钮。

最重要的是对于网站和博客,您可以指定大小。 默认大小为800x600像素。 对于没有任何其他内容的全尺寸网页来说,这很好。 如果您将日历添加到其他项目的博客或网页,则需要调整大小。

请注意,每次您进行更改时,都会看到实时预览。 右上角的HTML也应该改变。 如果没有,请按“ 更新HTML”按钮。

一旦您对更改感到满意,请选择并复制右上角的HTML。

04年05月

粘贴您的HTML

屏幕捕捉

我将其粘贴到Blogger博客中,但可以将其粘贴到任何允许嵌入对象的网页中。 如果您可以在网页上嵌入YouTube视频,则不会有任何问题。

确保你将它粘贴到你的网页或博客的HTML中,否则它将无法工作。 在这种情况下,只需在Blogger中选择HTML标签并粘贴代码即可。

05年05月

日历是嵌入式的

屏幕捕捉

查看您的最终页面。 这是一个实时日历。 您在日历上的事件中所做的任何更改都会自动更新。

如果它的大小和颜色不符合您的要求,则可以返回Google日历并调整设置,但必须再次复制并粘贴HTML代码。 在这种情况下,您正在更改日历在页面上的显示方式,而不是事件。