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

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

Как многие уже заметили, в разделе Мои Встречи работает календарь.

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

Кроме того, на календаре отмечены афиши событий, на которые вы идёте — при наведении курсора мыши подгрузится увеличенное изображение, а также точное время события (в том случае, если ваш браузер — не Opera). Обратите внимание, что клетки с праздниками и событиями выделены жёлтым.

Если в какой то день именинников несколько, то вы можете просматривать их последовательно, нажимая на "+". Все действия выполняются в календаре без перезагрузки страницы, так как в очередной раз использована технология AJAX.

Надеюсь, это нововведение позволит легче ориентироваться в юбилеях наших друзей и наших встречах.

В контакте с вами,
Павел Дуров

Если Вы администратор карточки фотостудии, фотограф или стилист, зарегистрированный в нашем каталоге fotogenico.ru, и у Вас есть google-календарь, которым Вы активно пользуетесь, записывая в него события своей занятости, то здесь можно ознакомиться с алгоритмом создания приложения в социальной сети ВКонтакте и добавить его к себе в группу.

Для начала Вам необходимо добавить "идентификатор календаря" в свою карточку фотостудии/фотографа/стилиста на ресурсе в раздел "Календарь". При этом надо не забыть настроить "Общий доступ" к календарю. Затем пройти нехитрый процесс создания приложения, отраженный на картинках ниже.

Шаг 1. Нажмите "Мои Настройки"

Читайте также:  Mozilla долго грузит страницы

Шаг 2. В самом низу открывшейся страницы переходим по ссылке "Разработчикам"

Шаг 3. На странице "Разработка приложений" нажимайте кнопку "Создать приложение"

Шаг 4. В очередном окне выполните по шагам следующие действия:

  • заполните название будущего приложения "Календарь занятости";
  • выберите тип приложения "IFrame/Flash приложение";
  • тип "Приложение";
  • и нажимайте кнопку "Перейти к загрузке приложения".

Шаг 5. В следующих двух окнах "Подтверждение действия" сначала нажимаем на кнопку "Получить код", получая 5-значный код в СМС-сообщении на Ваш телефон. Код вводим в соответствующее поле и нажимаем "Отправить код". Половина пути пройдена!

Шаг 6. Созданное Вами приложение теперь нужно минимально настроить. Во вкладке "Информация" в поле "Группа приложения" выбираем группу ВКонтакте, в которой будет отображаться приложение (только в предполагаемой группе Вы должны иметь полные права администрирования, иначе она не появится в списке выбора). Далее загружаем обложку размером 150х150 пикселей и нажимаем кнопку "Сохранить изменения".

Шаг 7. Переходим во вкладку "Настройки" и осуществляем следующую последовательность действий:

  • "Состояние" приложения "Календарь занятости" меняем на "Приложение включено и видно всем";
  • "Тип приложения" устанавливаем "IFrame";
  • "Адрес IFrame" прописываем в формате: для фотостудий https://fotogenico.ru/studio/ID/vkcal, для фотографов https://fotogenico.ru/photographer/ID/vkcal, для стилистов https://fotogenico.ru/stylist/ID/vkcal. Здесь ID — Ваш идентификационный номер в нашем фотокаталоге.
  • "HTTPS-адрес IFrame" должен прописаться автоматически и должен выглядеть следующим образом: для фотостудий https://fotogenico.ru/studio/ID/vkcal, для фотографов https://fotogenico.ru/photographer/ID/vkcal, для стилистов https://fotogenico.ru/stylist/ID/vkcal.
  • "Размер IFrame" устанавливайте 827 на 1050, он является оптимальным;
  • нажимайте "Сохранить изменения";
  • выходите из приложения, нажав на его название слева сверху страницы.

Шаг 8. Если Вы сделали все правильно, то вы увидите следующий текст:

Для начала вам нужен календарь, который вы будете встраивать. Для этого у вас должен быть гугл-аккаунт.

Читайте также:  Драйвера на d link dwa 137

1) Заходите в гугл-календарь и создаёте календарь, который будете размещать в приложении.

2) Заполняете сведения календаря по своему усмотрению.

3) Ниже, в разделе «Адрес календаря» жмёте на кнопку «HTML» и сохраняете в блокнот ссылку, которая выскочит — она вам ещё пригодится.

4) На соседней вкладке обязательно открываете общий доступ к календарю. Тут же можете добавить в календарь редакторов, если над ним будете работать не только вы. Сохраняете.

5) Теперь, создавая мероприятия, которые вы хотите отобразить в вашем календаре, указывайте название календаря, чтобы они попали в нужный календарь.

6) Переходим ко Вконтакту. Зайдите на страницу создания приложения Вк и нажмите «Создать приложение».

7) Вас интересует «IFrame/Flash приложение», тут заполняете всю нужную информацию и жмёте «Перейти к загрузке приложения».

9) Теперь выберите группу, в которой хотите разместить виджет приложения (возможно только для групп, где вы являетесь администратором), заполните дополнительную информацию, загрузите обложки и прочее, что доступно на этой странице.

10) На вкладке «Настройки» вставьте ранее сохранённую ссылку в обе графы «Адрес IFrame» и «HTTPS-адрес IFrame», можете поменять размер приложения на нужный, затем выберите в графе «Состояние» пункт «Приложение включено и видно всем» и нажмите «Сохранить изменения».

10) Теперь календарь появится в вашей группе в виде виджета.

Запуская его, вы увидите приложение Вк со встроенным гугл-календарём.

Ссылка на основную публикацию
Как связаться с инстаграм по телефону
В этой статье расскажем о том, как работает горячая линия линия Инстаграмм, можно ли обратиться по телефону или доступен только...
Как разблокировать телефон samsung galaxy j1 mini
Характеристики Samsung Galaxy J1 mini Отзывы о Samsung Galaxy J1 mini Инструкция Samsung Galaxy J1 mini Прошивка Samsung Galaxy J1...
Как разблокировать флешку от защиты записи
Извиняюсь за заголовок, но именно так задают вопрос, когда при действиях с USB флешкой или SD картой памяти Windows сообщает...
Как связаться с инстаграмом
В этой статье расскажем о том, как работает горячая линия линия Инстаграмм, можно ли обратиться по телефону или доступен только...
Adblock detector