Katherine Belogina (katherinebel) wrote,
Katherine Belogina
katherinebel

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

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

Вот сегодня я расскажу как сделать виджет с инстаграмом. Во-первых, сразу хочу сказать, для настройки оформления я использовала очень известный Генератор стилей для жж. Его установка подразумевает, что ваше сгенерированное оформление используется на основе темы «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

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

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


Tags: livejournal
Subscribe
promo katherinebel december 14, 2015 13:24 117
Buy for 20 tokens
Этот рассказ для меня будет наверное самым трудным из всех постов и даже научных статей, которых я написала за свою жизнь. Поэтому, прошу, отнеситесь к этому понимающе, это очень личное, но я надеюсь, что поделившись, смогу, может кого-то мотивировать, может помочь понять себя. В детстве я была…
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 84 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →