Как добавить виджет для социальной сети ВКонтакте

Добрый день, уважаемые читатели! Сегодня мы поговорим об одной очень важной вещи — как связать аккаунт Вашей группы в социальной сети ВКонтакте с Вашим блогом. Для чего это нужно? Для удобства читателей и посетителей блога. Если человека заинтересовала информация на Вашем блоге, ему обязательно захочется почитать о Вас в социальных сетях. Сейчас, в силу популярности этого ресурса, это срабатывает автоматически. На себе проверяла. По этой простой причине, мы разберёмся, как добавить  виджет для  социальной сети ВКонтакте на  блог.

Как добавить виджет для социальной сети ВКонтакте на Ваш блог

Добавлять мы будем виджет для  аккаунта Вашей группы , которая я думаю у Вас есть, или для подписки на Ваш аккаунт.

Виджеты на моём блоге

Виджеты на моём блоге

Сначала нам нужно cгенерировать код этих графических модулей. Делаем несколько простых шагов.

Открываем свою страницу в контакте или страницу группы и копируем адрес. Он нам пригодится при формировании кода. Лучше адрес сохранить, например в блокноте.

 Затем переходим вниз страницы и выбираем вкладку Разработчикам.

Разработчикам

По этой вкладке переходим на страницу для разработчиков, нажимаем кнопку Подключение сайтов и виджеты.

Подключение сайтов и виджеты

Переходим по этой кнопке и настраиваем тот виджет, который нужен.

Виджеты для сайтов

Например, если нужен виджет для группы, выбираем Сообщество, если для кнопки подписаться на автора, так и выбираем пункт Подписаться на автора.

Далее Вы перейдёте на страницу, где непосредственно уже настроите код виджета.

Генерация виджета

Я думаю, на скриншоте всё хорошо видно. Просто поэкспериментируйте с Видом, так как можно отображать участников группы, а можно только название. Подберите размеры виджета  согласно ширине сайдбара Вашего блога. Можно поработать с цветовой гаммой, но я предпочитаю узнаваемую, как в контакте. Это дело вкуса.

Далее копируем код виджета и сохраняем, например в Блокноте.

Как добавить этот код на Ваш блог. Всё тоже несложно.

Переходим в Консоль Вашего блога, выбираем Внешний вид → Настроить → Виджеты. Более подробно о настройке виджетов можно прочитать здесь.

В доступных виджетах выбираем Текст, левой кнопкой мыши перетаскиваем в Сайдбар, устанавливаем в нужное место, оформляем заголовок и в поле Текст вставляем код, нажимаем кнопку Сохранить.

Настраиваем виджет Текст

 Переходим на блог, проверяем, как встал виджет. Если не подошла ширина, можно вернуться в код и там её подправить

Редактирование виджета

Не забывайте после редактирования нажимать кнопку Сохранить.

Итак, мы разобрались, как добавить виджет социальной сети ВКонтакте в Ваш блог.

Если статья помогла Вам, пишите в комментариях.

Если нужен готовый скрипт, пишите на почту.

С уважение к Вашим успехам, Ирина.

Новости блога

Это Вы ещё не читали!

2 комментария

  1. Ирина, здравствуйте! Спасибо большое, я как раз собиралась сделать виджет ВКонтакте на своём сайте. Буду руководствоваться Вашей статьей.
    С уважением, Алина Таранец, автор блога ПУТИ К ЗДОРОВЬЮ.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Яндекс.Метрика