Гаджеты обратного отсчета до любого события

23.04.2013


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

Давайте вместе создадим гаджет обратного отсчета до лета.

1. Переходим по ссылке на сайт, где есть генератор флеш-таймера

2. Настраиваем размер будущего гаджета. Например, я взяла 200х200.



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

 4. Выставляем дату отсчета:

Текст - по умолчанию русский. 
Правила подсчета - я выбрала "останавливать отсчет".

5. Нажимаем кнопку генерировать код

6. Ждем, когда код счетчика сгенерируется. Копируем его


7. Дальше стандартным путем в своем блоге добавляем гаджет HTML/JavaScript и в поле содержание вставляем код.

Кстати, если Вам не хочется заморачиваться с настройками, можете взять код счетчика оставшихся дней до лета с моими настройками (такой, как в самом начале статьи):

<iframe frameborder='no'  width=200 height=200 src=http://frantsuzzz.com/timeronline/karta.php?vektor=right&data=2013,6,1,0,00,0&moskva=2&txt=%D0%94%D0%BE+%D0%BB%D0%B5%D1%82%D0%B0+%D0%BE%D1%81%D1%82%D0%B0%D0%BB%D0%BE%D1%81%D1%8C&txt2=%D0%9B%D0%B5%D1%82%D0%BE+%D1%83%D0%B6%D0%B5+%D0%BD%D0%B0%D1%81%D1%82%D1%83%D0%BF%D0%B8%D0%BB%D0%BE%21&WIDTH=200&HEIGHT=200&COLOR1=%23e6141e&COLOR2=%231238c0&COLOR3=%23f56f0f&COLOR4=%2307d50b&INDIKATOR=0&LANG=ru&utf=0><a href=http://frantsuzzz.com/timeronline/>Генератор таймеров ОНЛАЙН</a></iframe>

И просто изменить ширину или высоту гаджета в параметрах: width=200 height=200, если нужно.

Ну что ж, вперед к лету! :)

P.S. ЕСЛИ ГЕНЕРАТОР НЕ РАБОТАЕТ - есть конструкторы обратного отсчета на другом сайте.

24 комментария:

  1. Полезный пост!) спасибо!

    ОтветитьУдалить
  2. Здравствуйте, Мария! Почему у меня вместо картинки-стрелки на странице блога выходит flash timer ? Спасибо

    ОтветитьУдалить
    Ответы
    1. Здравствуйте, Елизавета! Возможно, не весь код правильно скопировался, либо был сбой на сайте-генераторе таймера. Попробуйте переустановить.

      Удалить
    2. Мария, здравствуйте!
      Та же проблема: не грузится совершенно, пишет flash timer, а как в HTML вписать, вы не знаете?

      Удалить
  3. Анонимный14.06.2014, 08:15

    Этот комментарий был удален администратором блога.

    ОтветитьУдалить
  4. Анонимный16.06.2014, 09:55

    Этот комментарий был удален администратором блога.

    ОтветитьУдалить
  5. Здравствуйте. Я не поняла, куда надо вставить скопированный код. Спасибо.

    ОтветитьУдалить
    Ответы
    1. Здравствуйте! 1) Заходите в настройки блога - пункт "Дизайн", 2) Нажимаете "Добавить гаджет", 3) Добавляете гаджет "HTML/JavaScript", 4) в настройках гаджета в поле "Содержание" вставляете скопированный код, 5) "Сохранить".

      Удалить
    2. Но ведь при добавлении пишет добавить по URL и все... скажите, как добавить этот гаджет?

      Удалить
    3. Скорее всего, Вы не тот гаджет добавляете. Нужно найти гаджет "HTML/JavaScript". Откроется всплывающее окно в настройками гаджета. Там есть только строка для названия и большое поле для вставки кода.

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

    ОтветитьУдалить
  7. Установила код в гаджет. Но на странице flash timer, который перенаправляет на конструктор. Картинки нет(

    ОтветитьУдалить
  8. у меня такой гаджет не находится(

    ОтветитьУдалить
  9. Не работает. Просто жёлтый прямоугольничек и всё(((

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Сегодня проверила. Создала еще один счетчик "до Нового года осталось" (см. внизу в статье http://samasajt.blogspot.ru/2013/12/schetchik-do-novogo-goda-ostalos.html). Внешний вид настроек немного изменился, но в сообщении счетчик работает.

      Удалить
  10. вот еще один конструктор отсчета до нового года http://101widgets.com/ctr/?c=zz01
    а вот такой таймер может до любой даты считать с милисекундами http://101widgets.com/ctr/?c=cd01

    ОтветитьУдалить
    Ответы
    1. Спасибо, Елена. У них симпатичные виджеты. В прошлом году многие жаловались на вредоносный код, встроенный в них. Как обстоит дело сейчас - не знаю.

      Удалить
  11. Спасибо! Долго искала отсчет до Нового года, с Вами установила в считанные минуты! Класс!

    ОтветитьУдалить
  12. Добрый день! У меня такой вопрос. Если такой таймер, который начинает работать после нажатия на картинку, которая в свою очередь ведет на другой сайт и по истечении времени, чтобы картинка опять появилась на своем месте.

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. Вот здесь есть несколько конструкторов обратного отсчета http://101widgets.com/ctr/constructors/?c=all Либо авторы сайта, я думаю, помогут.

      Удалить
  13. Спасибо ОГРОМНОЕ !!!!!!!!

    ОтветитьУдалить
  14. Большое спасибо!!! Только что установила счетчик времени до Нового Года! Легко и просто!

    ОтветитьУдалить
  15. Не можу встановити відлік часу до літа. Допоможіть!

    ОтветитьУдалить
    Ответы
    1. Здравствуйте. На каком этапе у Вас не получается вставить счетчик?

      Удалить

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

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