Как сделать виджет инстаграма в ЖЖ

[levashove]

Сервис WEBSTA WIDGETS, который позволял достаточно легко встроить трансляцию фотографий с инстаграма в блог, не так давно обновил функционал и в связи с этим многим пользователям пришлось переделывать код. Задача эта на сам деле достаточно тревиальная, но всё же практика показала, что не у всех получилось с первого раза сделать все настройки правильно. Под катом небольшая инструкция.





КАК СДЕЛАТЬ ВИДЖЕТ ИНСТАГРАМА В БЛОГ:

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

2. Авторизуемся ("Log In") через аккаунт в Instagram

3. Создадим новый виджет ("+ new widget"):



4. Настроим наш виджет:

• "USERNAME" - заполняется автоматически, после авторизации.
• "WIDGET NAME" - имя виджета, которое вы будете видеть в списке
• "DOMAIN NAME" - ссылка на блог или сайта, где вы будете вставлять виджет. Указывайте реальный адрес и исключите из него HTTP: // и WWW.
• "LAYOUT" - количество показываемых фотографий
• "THUMBNAIL SIZE" - размер фотографии от 100 до 500px.
• "PHOTO SPACE" - расстояние между фотографиями
• "RESPONSIVENESS" - оптимизация просмотра между различными размерами экрана
• "BORDER" - включить или отключить границы фотографий
• "BACKGROUND COLOR" - цвет фона

5. С дополнительными настройками разбираться не обязательно, да и сделаны они в основном для платного аккаунта на этом сервисе. Здесь можно:

• "HOVER EFFECT" - выбрать способ показа фотографий. Либо они изначально прозрачные и подсвечиваются при наведении, либо строго обратный вариант.
• "SHARE BUTTONS" - включить/отключить кнопочки "шаринга" фотографии

6. Жмём "CREATE WIDGET" и получаем "WIDGET CODE", который можно скопировать и вставить как в сайдбар блога, так и в само тело поста. Кстати, сам код, конечно, можно менять вручную, но в данном случае я бы не рекомендовал. Все размеры прекрасно настраиваются из настроек.



ВНИМАНИЕ: Виджет не всегда может появиться сразу же, иногда сервису нужно время на проверку ссылки на ваш блог.

Ну а в остальном готово! Пользуйтесь и не забывайте подписываться на мой инстаграм.