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

топ 100 блогов katherinebel12.03.2016 После моего маленького улучшения жж, многие из Вас просили рассказать, как и что я настроила.

Вот сегодня я расскажу как сделать виджет с инстаграмом. Во-первых, сразу хочу сказать, для настройки оформления я использовала очень известный Генератор стилей для жж. Его установка подразумевает, что ваше сгенерированное оформление используется на основе темы «Expressive (Unstyled)». В этой теме в настройках
Снимок экрана (101).png

Нам нужны «Custom CSS» и «Sidebars». Custom CSS необходимо для оформления темы в соответствии со сгенерированным оформлением с этого сайта. Собственно, там подробно написано, как что делать.
А вот в Sidebars есть управление виджетами. Порядок устанавливаете вы, а ниже можно прописать детали некоторых виджетов. Плюс в том, что есть отдельное поле для собственного виджета, который описывается на HTML или словами, если вы хотите что-то свое вписать.

Снимок экрана (102).png

Снимок экрана (103).png

Теперь про то, как вставить виджет инстаграма.
Делается он с помощью этого сайта


Снимок экрана (104).png

Для тех, кто по английски не понимает:
1. Parts type – выбираете, что Вы хотите публиковать. Имя в инстаграме или хэштег, или популярные фотографии
2. Username – пишите Ваше имя
3. Thumbnail Size – оставьте таким же
4. Layout – Это расположение фотографий (экспериментируйте аккуратно, советую сильно не менять, чтобы не вылезло за границы виджета)
5. Responsiveness – устанавливает взаимосвязь виджета и обновления фотографий в ИГ. Если вы оставите «NO», то фотографии обновляться не будут, а в блоге видны будут только самые последние фотографии, которые вы загрузили в ИГ
6. Border of each photo – то есть нужна ли рамка для фотографий в виджете
7. Sharing Buttons – то есть, если Вы можете делиться фотографиями из блога в фейсбук или твитер. Причем, как своими, так и другого человека (если у него есть эта настройка). Автоматически Вы делитесь фотографией на своей странице
8. Background color – здесь Вы задаете цвет виджета (в формате HTML)
9. Space of each photo – расстояние между фотографиями. Особо не меняйте, могут фотографии улететь за пределы виджета
Затем нажимаете «Generate code» и копируете его в текст собственного виджета в настройках темы в ЖЖ.

Снимок экрана (103).png

Дополнительный секретик:
У меня на странице над виджетом с самими фотографиями из ИГ есть кнопка «Follow @Kate_belogina». Ее тоже можно создать с помощью этого же сайта. Сверху, находим вот эту кнопку

Снимок экрана (105).png

Заходим туда

Снимок экрана (106).png

Пишите в строке «Instagram username» свой ник и скачиваем код в формате HTML.

Снимок экрана (107).png

Вот и все! Ваш виджет установлен.

Друзья! Пожалуйста, сделайте репост этой записи, чтобы все Ваши друзья также смогли при желании установить виджет инстаграма! Уверена, что такие есть!
Также, всех жду в гости в свой инстаграм!


Оставить комментарий



Архив записей в блогах:
Проблема с компьютером. Не включается. Высвечивается надпись "ASUS" и всё. Зашёл с чужого компа. Буду пробовать решить эту неприятность. На компьютере столько нужной информации. Как её теперь достать и восстановить, даже не представляю :( Придётся наверное покупать новый. Что ...
Самсунг обещает в конце октября начать в России продажи своего планшета Galaxy Tab (ОС Android 2.2, экран 7", 16GB встроенной памяти) за 40.000 рублей . Цифра поражает моё воображение. Конечно, там есть разъём для MicroSD, поддержка десятого флэша, пара камер с ...
123-этажный Lotte World Tower может быть не самое высокое здание в мире, оно лишь на пятом месте, но у небоскреба есть несколько собственных рекордов. У него самая высокая в мире смотровая площадка со стеклянным полом. Посетители могут прогуляться по стеклу на высоте полкилометра над ...
Еду, значитЬ, сегодня домой на электричке. От Ярославского вокзала, что бывает редко, ну, да так получилось. Сажусь на самый крайний диванчик у выхода в тамбур. За пару минут до отправления рядом плюхается дядька колоритной внешности: лет около ...
Прочитала не так давно у marina_ogor ( http://marina-ogor.livejournal.com/170176.html#comments ) притчу, которая мне очень понравилась, оставила ее в закладках, сегодня решила разместить. Глубокая притча. Стоял в городе один магазинчик. Вывески на магазине не было уже давно, ее когда-то ...