Гаджет "Календарь" для блогов и сайтов

21.10.2016

Красивые календари с анимацией или без Вы можете добавить на свой сайт или блог. 

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


После того как Вы выберете готовый календарь, откроется окно с настройками.

Для изменения размеров календаря, который должен соответствовать ширине Вашего гаджета/виджета на сайте или блоге, двигайте ползунок влево-вправо. Вверху будут отображаться ширина и высота.


календарь для блога

Затем отметьте пункт Я принимаю условия лицензионного соглашения и нажмите кнопку Получить Javascript код для сайта.

код календаря на сайт


Скопируйте код календаря и вставьте его в гаджет HTML/JavaScript в блогах на Blogger или в виджет на Вашем сайте.


Все календари, представленные на сайте, мне понравились. Интересно смотрятся календарики с водным эффектом.




Также есть анимированные "вечные" календари для Вашего сайта.




Например:

И красивые календари для вставки на сайт с текущей датой:




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



Еще я нашла календари-часы с разными иконками:



Вообще, как видите, выбор календарей для блогов или сайтов просто огромен, аж глаза разбегаются. Все они выполнены качественно и красиво.

Ну, а если Вы все-таки захотите бесплатно создать собственный уникальный календарь со своим фоном, то для Вас есть конструктор календариков

Для создания календаря сначала подберите фон-картинку.
Затем загрузите ее на сайт с конструктором.


конструктор календаря

Далее отрегулируйте расположение картинки по ширине, высоте, настройки прозрачность.

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


настройка календаря в конструкторе

После всех настроек нажмите Получить HTML код для установки на сайте.

На следующей странице можно изменить размеры календаря.


Для примера я создала такой календарь:



Код созданного календаря также можно вставить в гаджет HTML/JavaScript. 

И разместить гаджет КАЛЕНДАРЬ на Вашем сайте или блоге.
 

8 комментариев:

  1. Спасибо большое! Вы всегда радуете простых пользователей своими находками! Для меня ваш блог настоящая находка. Если что-то не знаю - иду к вам! Спасибо за советы, рекомендации!

    ОтветитьУдалить
  2. Красивые календари! Код календаря - это ведь тоже внешняя ссылка на Интернет-ресурс, с которого взят календарь. Можно его закрыть с помощью noindex и rel="nofollow"?

    ОтветитьУдалить
    Ответы
    1. Этот комментарий был удален администратором блога.

      Удалить
  3. Если флешка не имеет специальной защиты то гугле вытаскивает ссылки и текст из флешки и индексирует их. В этих календарях применена защита.
    Но если так важно запретить роботу индексировать, то код выглядит:
    <noindex>Код выбранного Вами виджета</noindex>

    Подробнее о запретах индексации можно прочесть на сайте поисковой системы яндекс:
    https://yandex.ru/support/webmaster/controlling-robot/html.xml

    ОтветитьУдалить
    Ответы
    1. Спасибо большое за разъяснения для нас. Читала где-то информацию, что в скриптах ссылки не индексируются. Это правда или нет?

      Удалить
  4. Большое спасибо за советы и рекомендации! Творчества ВАМ и успехов)))))

    ОтветитьУдалить
  5. Доброго времени суток. Я новичок. Пробую вставить календарь в свой блог. Не получается никак. Вроде следую вашим инструкциям. А календари красивы..

    ОтветитьУдалить

Kwork.ru - услуги фрилансеров от 500 руб.

Загляните и на другие страницы ^