如何在网站或博客上嵌入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代码。 在这种情况下,您正在更改日历在页面上的显示方式,而不是事件。