Skip to main content

Как встроить Календарь Google на сайт или блог

Использование календаря Google на сайте (Май 2024)

Использование календаря Google на сайте (Май 2024)
Anonim

Ваш клуб, группа, команда, компания или семейный сайт нуждаются в профессионально выглядящем календаре? Почему бы не использовать бесплатный и удобный Календарь Google. Вы можете разделить ответственность за редактирование событий и встраивать свой живой календарь на свой сайт, чтобы все знали о предстоящих событиях.

Начало работы: настройки

Чтобы вставить календарь, откройте Google Calendar и войдите в систему. Затем перейдите в левую часть и щелкните маленький треугольник рядом с календарем, который вы хотите внедрить. Появится окно с расширением. ВыбратьНастройки календаря.

Скопируйте код или выберите дополнительные параметры

Если вы довольны настройками Google по умолчанию, вы можете пропустить следующий шаг. Однако в большинстве случаев вам нужно настроить размер или цвет вашего календаря.

Прокрутите страницу вниз, и вы увидите отмеченную область Вставить этот календарь, Вы можете скопировать код здесь для стандартного 800x600-пиксельного календаря с цветовой схемой по умолчанию Google.

Если вы хотите изменить эти настройки, выберите ссылку, отмеченную Настройте цвет, размер и другие параметры..

Настройка внешнего вида

Этот экран должен открыться в новом окне после нажатия на ссылку настройки.

Вы можете указать цвет фона по умолчанию, соответствующий вашему веб-сайту, часовому поясу, языку и первому дню недели. Вы можете установить календарь по умолчанию в неделю или в виде просмотров, что может быть полезно для чего-то вроде меню кафетериев или графиков командного проекта. Вы также можете указать, какие элементы отображаются в календаре, например название, значок печати или кнопки навигации.

Самое главное для сайтов и блогов, вы можете указать размер. Размер по умолчанию - 800x600 пикселей. Это отлично подходит для полноразмерной веб-страницы, на которой нет ничего. Если вы добавляете свой календарь в блог или веб-страницу с другими элементами, вам нужно настроить размер.

Обратите внимание, что каждый раз, когда вы делаете изменения, вы видите предварительный просмотр в реальном времени. HTML в верхнем правом углу тоже изменится. Если это не так, выберите Обновить HTML кнопка.

После того, как вы удовлетворены своими изменениями, выберите и скопируйте HTML в верхнем правом углу.

Вставить свой HTML-код

Мы вставляем это в блог Blogger, но вы можете вставить его на любую веб-страницу, которая позволяет вставлять объекты. Если вы можете вставлять видео YouTube на страницу, у вас не должно быть проблем.

Убедитесь, что вы вставляете его в HTML вашей веб-страницы или блога, иначе это не сработает. В этом случае в Blogger просто выберите HTML и вставьте код.

Календарь встроен

Просмотрите свою последнюю страницу. Это живой календарь. Любые изменения, внесенные в События в вашем календаре будет обновляться автоматически.

Если это не совсем тот размер или цвет, которые вы имели в виду, вы можете вернуться в Календарь Google и настроить параметры, но вам придется скопировать и вставить код HTML еще раз. В этом случае вы меняете способ отображения календаря на своей странице, а не события.