Георгиевская ленточка

Погодный информер для блога

31.07.2014

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

Это нас лето порадовало 31 июля - целых +22! А то вообще все лето на Урале в ветровках ходим :(


А теперь о том, как встроить погодный информер в блог:

1. Заходим в конструктор информеров по ссылке http://www.gismeteo.ru/informers/constructor/

2. Выбираем язык информера


3. Указываем Ваше местоположение


4. Настраиваем параметры погодного информера:

    1) расположение названия местоположения


    2) отображаемые параметры текущей погоды - иконка, описание, ветер, давление, влажность;

    3) параметры для прогноза погоды - дата, иконка, ветер, давление, влажность;

    4) единицы измерения температуры, скорости ветра, давления


    5) вид иконок


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









6. Выбираем шрифт информера, близкий к основному шрифту Вашего блога и кодировку. Для большинства сайтов, в т.ч. для Blogger'а подходит кодировка UTF-8.








7. В блоке Персонализация вписываем адрес блога/сайта, где будете встраивать погодный информер. Если их несколько, и внешний вид информера будет одинаковым для всех - то через запятую надо вписать все адреса (домены). 


   ! Если вставите код информера на сайтах, не указанных выше - информер работать не будет. То есть нужно будет снова настроить все параметры, указать адрес нужного блога/сайта, электронную почту, и только потом копировать и вставлять полученный код.

  Я настраивала один из вариантов погодного информера для своего сайта Каменские родители.  

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

8. Справа, под превью информера, подстраиваем его нужный размер без полей. Указываем цвет фона Вашего блога/сайта. Если фон белый, то выставляем ffffff. 

9. Нажимаем кнопку Получить код информера

10. Откроется страница с Вашим готовым информером и его кодом. Также код придет на электронную почту, указанную Вами выше.



Код выделяем и копируем (на скриншоте только часть кода).

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

P.S. Кстати, гаджет с информером можно скрыть с Главной страницы блога.


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

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

    ОтветитьУдалить
    Ответы
    1. Здравствуйте! Не могу сказать, в чем причина. На Блоггере все хорошо работает. Я проверила еще раз: http://gadjetblogger.blogspot.ru/

      Удалить
  2. Подскажите, пожалуйста, когда вставляю информер в гаджет спрашивает URL

    ОтветитьУдалить
  3. Спасибо! Отлично гаджет становится в Блогер и работает!

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

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