воскресенье, 9 февраля 2014 г.

Добавление в блог виджетов ВКонтакте и Instagram

Всем привет!
Сегодня я  хочу поделиться опытом о том, как я ставила виджеты 
ВКонтакте и Instagram на свой блог.


1) Итак, начнем с виджета для Группы ВКонтакте, на боковой панеле он имеет такой вид:
 

Первое, что нужно сделать - это связать страничку в "ВКонтакте" со своим блогом. Для этого используются плагины от ВКонтакте, весь перечень которых можно найти на  
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 => и вставляем скопированный код.
Размер виджета регулируется ручками, путем проставления нужных значений data-width и data-height соответственно.

Нажимаем "сохранить", ставим виджет в нужное место, нажимаем "сохранить расположение" и довольные собой наслаждаемся полученным результатом!
  
 Надеюсь, что данная информация кому-то пригодится и облегчит жизнь в блогомире.
Приглашаю к себе в Группу ВКонтакте и в Instagram!
Всем хорошей  грядущей недели!

12 комментариев:

  1. Ольга Холодных10 февраля 2014 г. в 10:55

    Наташа, я это важно и полезно, спасибо большое!

    ОтветитьУдалить
  2. lilia511 февраля 2014 г. в 00:07

    Полезная информация)) Спасибо )
    Подписалась на группу в ВК )) Буду заглядывать ))

    ОтветитьУдалить
  3. Виктория Сокур16 апреля 2014 г. в 15:59

    Спасибо!Информация оказалась очень полезной!

    ОтветитьУдалить
  4. Unknown23 октября 2014 г. в 06:21

    Наталья, спасибо огромное! Очень помогли разобраться! Подскажите, пожалуйста, как Вы вместо стандартных иконок Vkontakte и Instagram поставили свои красивые картинки?
    Заранее благодарю за Ваш ответ!

    ОтветитьУдалить
    Ответы
    1. Наталья Кириллова23 октября 2014 г. в 10:53

      В этом вопросе все зависит от Вашей фантазии: дизайн кнопочек рисуете, например, в фотошопе или в другой удобной для Вас проге. Полученные картинки добавляем в блог привычным способом:
      заходим в "Дизайн" нашего блога -> "Добавить гаджет" -> выбираем "Изображение" -> ссылаемся на нарисованные нами картиночки, добавляем ссылочки (инстаграм, Вконтакте или что нам требуется) можно еще поставить галочку "Сжать до размеров экрана ". Все готово!
      P.S. Если лень рисовать, то можно поискать красивые картиночки на разных ресурсах и добавить вышеописанным способом.
      Надеюсь, что описала доступно. Будут вопросы - пишите.

      Удалить
    2. Unknown27 октября 2014 г. в 07:10

      Гениально! Спасибо огромное за Вашу помощь, я всю голову сломала!

      Удалить
  5. Unknown10 января 2015 г. в 10:43

    Наталья, здравствуйте.
    Прежде всего - спасибо за такой подробный пост с доступно преподнесенной информацией.
    ТОлько вчера создала блог и озадачилась вопросами его украшательства доп.функциями.
    Установила виджет со ссылкой на инстаграм, (с помощью другой площадки - Webstagram),
    но найдя вашу статью, поняла, что здесь "картинка красивее" ))))
    К сожалению, у меня стопор сразу на 2-ом пункте! (( после того, как вошла и зарегистрировалась, не смогла подключить инстаграм-аккаунт. Каждый раз при попытке, он выбрасывает ан пустую страницу с надписью "эррор, ошибка" и т.д.

    Возможно вы подскажете, с чем это может быть связано?
    Спасибо.

    ОтветитьУдалить
    Ответы
    1. Наталья Кириллова12 января 2015 г. в 11:26

      Яна, доброго времени суток!
      Давайте попробуем разобраться:
      Итак, Вы зарегистрировались на http://vkgram.ru (по идее логин и пароль должны совпадать с vk.com)
      Попробуйте зайти в параметры Вашего аккаунта Instagram -> далее "Настройка публикации" -> выбираем "ВКонтакте" и вводим соответствующие логин и пароль
      По идее, когда Вы заходите в ВКонтакте, vkgram должен подтягивать Ваш аккаунт.
      В общем, пошагово проверьте:
      1. зайдите на vkgram и подключите учетную запись ВКонтакте.
      2. проверьте, предоставили ли Вы Vkgram доступ к аккаунту социальной сети (если нет - исправьте, нажав на "разрешить" когда приложение запросит доступ к аккаунту)
      3. укажите почтовый адрес для регистрации на Vkgram.
      4. Введите данные учетной записи Instagram.

      Проверьте эти данные, если не получится - пишите, попробуем разобраться коллективными усилиями :)

      Удалить
  6. Unknown26 мая 2015 г. в 01:26

    vkgram.ru давно не работает! Вроде переехали на ejfe.ru/widget - ну по крайней мере там есть модуль для вк, инстаграм и твиттер на сайт. Кстати дизайн покрасивей стал, да и установка проще.

    ОтветитьУдалить