Как разместить виджет instagram в блоге ЖЖ
Поскольку инстаграм очень популярен, я задался задачей прикрепить виджет или ссылку на инстаграм в своем журнале. Тем более - что может быть проще, подумал я: в настройках внешнего вида найти окно «произвольный текст(custom text)» и вставить в него html код виджета для моего профиля инстаграм. Но не тут то было!
Я нашел сервисы для создания кода для виджета. Их полно, и найти их все очень легко. Некоторые требуют авторизации через инстаграм, в других достаточно просто указать свой ник через @ Готовый виджет можно подкорректировать по цвету и количеству колонок, и все. Полученный код копируется и вставляется в окно, в настройках внешнего вида темы ЖЖ.
Вот тут то и начались проблемы. Виджет упорно не хотел отображаться в ЖЖ, колонка оставалась пустой, хотя код прописан. Я испробовал много разных сервисов создания виджетов, но они все равно не хотели отображаться. Стал гуглить эту проблему, и оказалось что именно с ЖЖ не работает такой способ размещения виджета инстаграм. Детально я не разбирался в причине этого, а решил искать варианты размещения ссылки на инстаграм, и желательно с виджетом!
Только один сервис более менее решал эту проблему - WebstaWidgets for instagram, но и тот, делает переход в свой сервис, где дублируется моя страничка из инстаграм. В общем, это оказалось не то, что нужно.
Остался последний вариант, сделать кликабельную картинку своей ленты инстаграм с переходом после клика в аккаунт. Да, в отличии от виджета, картинка не обновляется, но это лучше чем ничего. Именно об этом способе я и расскажу более подробно.
Помогает набросать html код такой картинки сам ЖЖ. Да да, создаем новый пост, который можно опубликовать в личные посты. (я это делал в старом редакторе постов на ЖЖ, не знаю как это работает в новом редакторе, в новом значительно меньше возможностей редактирования текста)
Я предварительно создал скрин своей ленты из инстаграма, использовал один из сервисов для создания виджетов, чтобы сделать скрин с готового, визуально симпатичного превью виджета.
в поле «указать url» вам нужно будет указать ссылку на ваш скрин а чуть ниже, ссылку на аккаунт в инстаграм. Размещайте фотогафию, а дальше нажмите еще раз на значок картинки, чтобы можно было отредактировать размеры отображаемого изображения(нужно выделить фото в окне текста).
После этого меняем визуальный режим на режим HTML и просто копируем полученный код.
Вставляем полученный код в окне - настройки оформления страницы, в окне «виджет свой текст»
Данное размещение работает отлично, у меня в ЖЖ вы можете обратить внимание как это выглядит, справа в sidebar.
Надеюсь эта информация окажется кому нибудь полезной, так как я потратил много времени пока пытался разобраться с проблемой размещения активной ссылки на инстаграм, с виджетом. Если вы знаете более удобный, рабочий способ для ЖЖ, пишите в комментариях.