Привет!
Сегодня я участвую в Клубе друзей, организованном Гришиной Еленой, чему очень-очень рада!
Меня очень привлекает возможность интеграции между различными сервисами и соц. сетями. Это очень упрощает жизнь, гораздо приятнее, когда все в одном месте. Открываешь один сайт и сразу можно посмотреть всю интересующую информацию.
Вообще, зачем это нужно? Можно делиться процессом изготовления своих работ, показывать тематические картинки, ну или просто становиться ближе к читателю. Еще большой плюс - регулярное обновление блога через телефон - это так удобно!
Несколько раз озадачивалась поиском способа трансляции картинок из инстаграма. Наконец-то, нашла его, и хочу поделиться этим с вами.
Для этого нам понадобится Web.stagram.
1. Заходим на сайт. Входим в личный кабинет: вводим логин и пароль для инстаграма.
2. Выбираем вкладку Tools
Здесь мы видим 2 окошка с кодом. Копируем код из первого окошка. Страничку не закрываем, она нам еще понадобится.
3. Переходим в свой блог и открываем вкладку Дизайн.
Выбираем Добавить гаджет и находим в открывшемся списке HTML/JavaScript.
4. Далее снова возвращаемся на Web.stagram и заполняем форму под кодом.
Parts Type можно выбрать, что вы хотите транслировать в блог. Если все фото со своей странички, то оставляем @username. Если вы хотите показывать какие-то определенные фото (трансляция процесса изготовления или еще чего-нибудь), то можно придумать для них свой хэштег, но такой, чтобы ни у кого его больше не было (зачем вам чужие фото в блоге =) ) и выбрать @hashtag.
В зависимости от того, что вы выбрали, во втором окошке пишем свой ник или хэштег.
Thumbnail Size Здесь можно задать размер отображаемых фото от 20 до 250 px.
Layout Здесь мы задаем количество фоток по диагонали и вертикали. Хоть и есть приписка, что максимум может отобразиться 20 фоток, у меня отображается только 17. Выбирайте количество, которое будет гармонично смотреться у вас с блоге.
Border of each photo Этим пунктом можно задать границы для фото.
Background color Здесь можно задать цвет фона, на котором будут отображаться фото. Можно ничего не писать.
Space of each photo Здесь можно задать расстояние между фотографиями.
5. Preview Кнопка предварительного просмотра.
5. Заполнив форму и подредактировав все, как нравится, после просмотра, нажимаем Generate code. Высвечивается окошко, копируем код и вставляем в гаджет из п. 3.
6. Самому гаджету можно дать название, а можно и никак не называть. Сохраняем.
7. Перемещаем гаджет туда, где хотим видеть картинки. Сохраняем все изменения и смотрим, что получилось.
Мне очень нравится результат!
Надеюсь, этот урок был полезным и интересным!
Подписывайтесь на мой блог!
Сегодня я участвую в Клубе друзей, организованном Гришиной Еленой, чему очень-очень рада!
Меня очень привлекает возможность интеграции между различными сервисами и соц. сетями. Это очень упрощает жизнь, гораздо приятнее, когда все в одном месте. Открываешь один сайт и сразу можно посмотреть всю интересующую информацию.
Вообще, зачем это нужно? Можно делиться процессом изготовления своих работ, показывать тематические картинки, ну или просто становиться ближе к читателю. Еще большой плюс - регулярное обновление блога через телефон - это так удобно!
Несколько раз озадачивалась поиском способа трансляции картинок из инстаграма. Наконец-то, нашла его, и хочу поделиться этим с вами.
Для этого нам понадобится Web.stagram.
1. Заходим на сайт. Входим в личный кабинет: вводим логин и пароль для инстаграма.
2. Выбираем вкладку Tools
Здесь мы видим 2 окошка с кодом. Копируем код из первого окошка. Страничку не закрываем, она нам еще понадобится.
3. Переходим в свой блог и открываем вкладку Дизайн.
Выбираем Добавить гаджет и находим в открывшемся списке HTML/JavaScript.
Кликаем на гаджете Изменить, вставляем в основное окошко скопированный код с Web.stagram.
4. Далее снова возвращаемся на Web.stagram и заполняем форму под кодом.
Parts Type можно выбрать, что вы хотите транслировать в блог. Если все фото со своей странички, то оставляем @username. Если вы хотите показывать какие-то определенные фото (трансляция процесса изготовления или еще чего-нибудь), то можно придумать для них свой хэштег, но такой, чтобы ни у кого его больше не было (зачем вам чужие фото в блоге =) ) и выбрать @hashtag.
В зависимости от того, что вы выбрали, во втором окошке пишем свой ник или хэштег.
Thumbnail Size Здесь можно задать размер отображаемых фото от 20 до 250 px.
Layout Здесь мы задаем количество фоток по диагонали и вертикали. Хоть и есть приписка, что максимум может отобразиться 20 фоток, у меня отображается только 17. Выбирайте количество, которое будет гармонично смотреться у вас с блоге.
Border of each photo Этим пунктом можно задать границы для фото.
Background color Здесь можно задать цвет фона, на котором будут отображаться фото. Можно ничего не писать.
Space of each photo Здесь можно задать расстояние между фотографиями.
5. Preview Кнопка предварительного просмотра.
5. Заполнив форму и подредактировав все, как нравится, после просмотра, нажимаем Generate code. Высвечивается окошко, копируем код и вставляем в гаджет из п. 3.
На картинке мой код |
6. Самому гаджету можно дать название, а можно и никак не называть. Сохраняем.
7. Перемещаем гаджет туда, где хотим видеть картинки. Сохраняем все изменения и смотрим, что получилось.
Мне очень нравится результат!
Надеюсь, этот урок был полезным и интересным!
Подписывайтесь на мой блог!
Здорово! Пользуюсь Инстаграмом, но не знала, что можно вот так запросто транслировать)) Спасибо за урок!))
ОтветитьУдалитьСпасибо за приятный комментарий! Рада, что полезно.
УдалитьОля,спасибо за пост! Очень полезная информация, думаю что в скором времени пригодится!)
ОтветитьУдалитьСпасибо за отклик!
Удалитьу меня тоже идет транслирование фоток в блог, но я делала мне кажется иначе, проще...на страничке TOOLS ниже есть Instagram Gallery for your Blog / Website. там нужно ввести данные и просто нажать зеленую кнопку - сгенерировать код. который потом просто добавить в свой блог.
ОтветитьУдалитьАлена, мой пост именно об этом.
УдалитьОй, как здорово, я тоже обязательно попробую!!! Спасибо большущее, Ольга!
ОтветитьУдалитьКак я рада, что пост полезен! Будем развиваться вместе.
УдалитьСпасибо, очень полезно:)
ОтветитьУдалитьПожалуйста!
УдалитьСпасибо огромное! Такая классная штука) Очень пригодилась!
ОтветитьУдалитьОля, спасибо, уверена. многим будет полезен твой урок!
ОтветитьУдалитьСпасибо, Лена!
УдалитьБеру на заметку, Оля, спасибо!
ОтветитьУдалитьРада, что полезно!
УдалитьОлечка, огромное спасибо! это очень важный материал!!
ОтветитьУдалитьПриятно читать!
УдалитьЭтот комментарий был удален автором.
УдалитьПривет! Спасибо большое!)))) Воспользовалась и теперь у меня тоже есть трансляция из Инстаграма :) http://v-teni-krasnogo-klena.blogspot.ru/
ОтветитьУдалитьПривет!!!!! Пожалуйста! Классные фото!
УдалитьСпасибо большое! надо попробовать!)
ОтветитьУдалитьПожалуйста!
УдалитьСпасибо большое, Ольга! Очень полезная рекомендация, которую я уже применила в своем блоге!
ОтветитьУдалитьХм, не нашла в блоге фото.
УдалитьОля а у тебя есть блогловин?
ОтветитьУдалитьНет. Все, что есть, можно найти в блоге справа=)
УдалитьОльга, спасибо! Очень полезно! :) Пригодилось!
ОтветитьУдалитьПожалуйста!
УдалитьБольшущее спасибо!!!
ОтветитьУдалитьПожалуйста!
УдалитьВот это классно) я ради такого прям аккаунт в инстаграм заведу :)))
ОтветитьУдалитьспасибО!
=) Да, инстаграм - классный, он того стоит=)
Удалитьочень мне помогли , спасибо огромнейшее!:))
ОтветитьУдалитьСпасибо огромное! Ольга, а вы не знаете как таким же образом добавить гаджеты Фейсбук и ВКонтакте?
ОтветитьУдалитьПожалуйста! Как с фейсбуком быть, я не знаю, а на контакт вот http://vk.com/developers.php?o=-1&p=Like.
УдалитьСпасибо большое, все получилось с первого раза.
ОтветитьУдалитьОчень благодарна Вам за все подробности!
У меня почему то код не генерируется( нажимаю зеленую кнопку и тишина(
ОтветитьУдалитьМожет быть Вы не все графы заполнили? Попробуйте еще раз!
УдалитьСейчас буду пробовать, спасибо!))
ОтветитьУдалитьПолучилось) А там будут только последние фото транслироваться или рандомно?
ОтветитьУдалитьКлассно, пожалуйста! Только последние фото.
УдалитьСпасибо Вам большое! :)
ОтветитьУдалитьСпасибо! Решила завести блог! а т.к. в основном я в инстаграм, то урок оказался очень полезным! спасибо!
ОтветитьУдалитьРада, что помогла. Только мне пишет, что Ваш блог удален.
УдалитьОльга, спасибо Вам большое, очень помогли! Я вообще отношусь к категории людей, кто с компьютером "на Вы", но Ваш урок написан просто суперпонятно, за что еще раз огромное спасибо! :)
ОтветитьУдалитьОтличное объяснение! Очень помогли! Спасибо!)))
ОтветитьУдалитьОльга, спасибо большое за урок! Вот только у меня не отображается кнопка Follow , написано "Не удается преобразовать DNS-адрес сервера" и грустная морда. http://as-if-by-magic-ivy.blogspot.ru/
ОтветитьУдалитьХм, странно. У меня на Вашей страничке вообще браузер ошибку какую-то пишет вместо Follow.
УдалитьРазобралась, там в коде слеша не хватало почему-то. Спасибо!
УдалитьОлеся, спасибо за подсказку! У меня тоже была такая проблема.
УдалитьОльга, спасибо за пост! Всё понятно, быстро получилось присоединить инстаграм к блогу
ОтветитьУдалитьСпасибо большое!
ОтветитьУдалитьОльга, Вам точно нравится, как оно получилось? Обрезает же по краям
ОтветитьУдалитьДа, мне нравится. Где обрезает? Смотрю на фотки в виджете и в инстаграме на сайте, они одинаковые.
УдалитьОчень понравилась ваша статья! Как думаете, можно ли использовать инстаграм для продвижения бизнеса или блога? В интернете мало нашел статей - вот только эту - Продвижение в инстаграм
ОтветитьУдалитьМожет у кого-то опыт есть?
Ольга, спасибо!!! очень полезный пост!
ОтветитьУдалитьОля, спасибо большое, все получилось)))
ОтветитьУдалитьCпасибо большое, все очень понятно объяснили!)
ОтветитьУдалитьthank you , was very helpfull .
ОтветитьУдалитьIn case you want dinamic photos changes , u can use service http://intagme.com/
Good luck :)
Спасибо большое за этот пост!!!! У меня все получилось и я очень рада :) мимими)))))
ОтветитьУдалитьСпасибо!
ОтветитьУдалитьЭтот комментарий был удален автором.
ОтветитьУдалитьДуже дууже Вам дякую за допомогу :) Тепер блог виглядає значно краще :)
ОтветитьУдалить