8 июля 2015 г.

Как добавить трансляцию инстаграма в блог =)

Всем привет! Рада видеть Вас в моём блоге! с каждым днём Instagram набирает свою популярность, многие переселяются туда "жить" =) Если вы хотите делиться со своими читателями свежими сводками с полей, то этот мастер-класс для вас!! Итак, начнем!

1. Заходим на сайт.

2. По ссылке вы попадаете сразу туда, куда нужно, но если вдруг вы находитесь на главной странице, то перейдите во вкладку инструменты/tools



3. Дальше по порядку вносим данные:
Parts Type - это способ, по которому гаджет определяет какие фото показывать в блоге, другими словами, если вы выберете @username , то будут выводиться все ваши фото, если #hashtag, то будут выводиться фото, содержащие определенный хэштег (например только скрапработы с вашим фирменным #), popular  - самые популярные, location - по месту дислокации =)
@username - допустим вы выбрали первый способ отбора - по нику, тогда во вторую строчку пишем свой ник в инстаграме, если по хэштегу - то нужный хэштег.

Thumbnail Size - размер каждого фото из инстаграма в пикселях, тут можно попробовать разные варианты и решить какой вам больше подходит

Layout - размер вашего поля, или проще - сколько фото будет выводиться (если 2 х 2 - то 4 фото, 2 х 3 - 6 фото и т.п.)

Border of each photo - тут да или нет: хотите ли, чтобы у ваших фото была рамочка вокруг?

Background color - фон поля с фотографиями, можно выбрать любой из палитры.. я решила оставить белый

Space of each photo - расстояние в пикселях между фотографиями, тоже можно попробовать разные варианты и, нажимая кнопочку Preview, просмотреть их и выбрать подходящий.

Когда все поля заполнены, нажимаем - сгенерировать код/Generate code


Появилось окошко с кодом, который мы копируем ...


Затем заходим в наш блог,  в настройки...


.... в дизайн...


... нажимаем "Добавить гаджет"...


Выбираем: HTML/Java Script


В основное поле вставляем скопированный код, в названии пишем что хотим или ничего не пишем =) ... кнопка "сохранить"..


Теперь в дизайне можно передвинуть наш гаджет на нужную "строчку"


Вот, что получилось у меня:


Надеюсь, что всё было понятно, если что - пишите! =)

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

  1. Наташа, спасибо большое за подробные объяснения!!! )))

    ОтветитьУдалить
  2. Добрый день!
    Пыталась настроить гаджет инстаграм в блоге, но на этом сайте у меня вкладка инструменты или tools не открывает дальнейшее меню, чтобы получить код, сайт обновился или что? может есть какие-то другие способы добавления гаджета? не знаете?

    ОтветитьУдалить
    Ответы
    1. Вам нужно авторизоваться при помощи Вашего логина в инстаграме, а потом нажать "create"

      Удалить