Всем привет!
Сегодня я хочу поделиться опытом о том, как я ставила виджеты
ВКонтакте и Instagram на свой блог.
Первое, что нужно сделать - это связать страничку в "ВКонтакте" со своим блогом. Для этого используются плагины от ВКонтакте,
весь перечень которых можно найти на
http://vk.com/developers.php
Перечень выглядит в сжатом виде вот так:
- Сообщества
- «Мне нравится»
- Рекомендации
- Опросы
- Авторизация
- Подписаться на автора
Недавно я создала группу, поэтому из перечня мне подойдет виджет для сообществ, который можно получить тут: http://vk.com/developers.php?oid=-1&p=Groups
В строку "Ссылка на страницу" копируем и вставляем адрес своей страницы/группы, указываем вид, задаем ширину-высоту, а из поля "Код для вставки" копируем сгенерированный код и переходим в свой блог.
В своем блоге заходим в Дизайн => Добавить гаджет-HTML/Java script => и вставляем скопированный код.
Нажимаем "сохранить", ставим виджет в нужное место, нажимаем "сохранить расположение" и фокус-покус! Работающий гаджет радует нас своим аккуратненьким зазывающим видом!
***
Поехали дальше. Если Вы подсели на Instagram, то есть возможность установить виджет и для этого популярного сегодня приложения.
Итак, виджет №2 Instagram
Для создания такого виджета нужно:
1. Зарегистрироваться на http://vkgram.ru
2. Подключить Instagram-аккаунт.
3. Найти ссылку «Виджет для сайтов».
4. Скопировать и вставить полученный код на свой блог:
в своем блоге заходим в Дизайн => Добавить гаджет-HTML/Java script => и вставляем скопированный код.1. Зарегистрироваться на http://vkgram.ru
2. Подключить Instagram-аккаунт.
3. Найти ссылку «Виджет для сайтов».
4. Скопировать и вставить полученный код на свой блог:
Размер виджета регулируется ручками, путем проставления нужных значений data-width и data-height соответственно.
Нажимаем "сохранить", ставим виджет в нужное место, нажимаем "сохранить
расположение" и довольные собой наслаждаемся полученным результатом!
Надеюсь, что данная информация кому-то пригодится и облегчит жизнь в блогомире.
Приглашаю к себе в Группу ВКонтакте и в Instagram!
Всем хорошей грядущей недели!
Наташа, я это важно и полезно, спасибо большое!
ОтветитьУдалитьПожалуйста) Рада поделиться, чем могу)
УдалитьПолезная информация)) Спасибо )
ОтветитьУдалитьПодписалась на группу в ВК )) Буду заглядывать ))
Добро пожаловать в гости)
УдалитьСпасибо!Информация оказалась очень полезной!
ОтветитьУдалитьРада была помочь
УдалитьНаталья, спасибо огромное! Очень помогли разобраться! Подскажите, пожалуйста, как Вы вместо стандартных иконок Vkontakte и Instagram поставили свои красивые картинки?
ОтветитьУдалитьЗаранее благодарю за Ваш ответ!
В этом вопросе все зависит от Вашей фантазии: дизайн кнопочек рисуете, например, в фотошопе или в другой удобной для Вас проге. Полученные картинки добавляем в блог привычным способом:
Удалитьзаходим в "Дизайн" нашего блога -> "Добавить гаджет" -> выбираем "Изображение" -> ссылаемся на нарисованные нами картиночки, добавляем ссылочки (инстаграм, Вконтакте или что нам требуется) можно еще поставить галочку "Сжать до размеров экрана ". Все готово!
P.S. Если лень рисовать, то можно поискать красивые картиночки на разных ресурсах и добавить вышеописанным способом.
Надеюсь, что описала доступно. Будут вопросы - пишите.
Гениально! Спасибо огромное за Вашу помощь, я всю голову сломала!
УдалитьНаталья, здравствуйте.
ОтветитьУдалитьПрежде всего - спасибо за такой подробный пост с доступно преподнесенной информацией.
ТОлько вчера создала блог и озадачилась вопросами его украшательства доп.функциями.
Установила виджет со ссылкой на инстаграм, (с помощью другой площадки - Webstagram),
но найдя вашу статью, поняла, что здесь "картинка красивее" ))))
К сожалению, у меня стопор сразу на 2-ом пункте! (( после того, как вошла и зарегистрировалась, не смогла подключить инстаграм-аккаунт. Каждый раз при попытке, он выбрасывает ан пустую страницу с надписью "эррор, ошибка" и т.д.
Возможно вы подскажете, с чем это может быть связано?
Спасибо.
Яна, доброго времени суток!
УдалитьДавайте попробуем разобраться:
Итак, Вы зарегистрировались на http://vkgram.ru (по идее логин и пароль должны совпадать с vk.com)
Попробуйте зайти в параметры Вашего аккаунта Instagram -> далее "Настройка публикации" -> выбираем "ВКонтакте" и вводим соответствующие логин и пароль
По идее, когда Вы заходите в ВКонтакте, vkgram должен подтягивать Ваш аккаунт.
В общем, пошагово проверьте:
1. зайдите на vkgram и подключите учетную запись ВКонтакте.
2. проверьте, предоставили ли Вы Vkgram доступ к аккаунту социальной сети (если нет - исправьте, нажав на "разрешить" когда приложение запросит доступ к аккаунту)
3. укажите почтовый адрес для регистрации на Vkgram.
4. Введите данные учетной записи Instagram.
Проверьте эти данные, если не получится - пишите, попробуем разобраться коллективными усилиями :)
vkgram.ru давно не работает! Вроде переехали на ejfe.ru/widget - ну по крайней мере там есть модуль для вк, инстаграм и твиттер на сайт. Кстати дизайн покрасивей стал, да и установка проще.
ОтветитьУдалить