Добавляем социальную кнопку «Вконтакте» на блог.

Здравствуйте. Совсем недавно, в этой статье я писал о том, как добавить кнопки соц сетей на сайт или блог за пару секунд. Из комментариев я понял, что такой метод удовлетворяет не все и по этому я решил написать статьи о том, как добавлять стандартные соц. кнопки от каждой социальной сети по отдельности. И первым под руки попалась знаменитая соц. сеть Вконтакте!

Соц кнопка Вконтакте

Для начала нужно перейти на страничку разработчика. Вот по этой ссылке: http://vk.com/developers.php. Если у вас есть страничка Вконтакте, то, нет проблем  Если же страничке нет, придется регистрироваться. Я думаю, вы решите эту проблему сами так что не буду отвлекаться.

На этой страничке выбираем пункт «Виджеты и сторонние сайты». Именно отсюда, вы можете достать любой нужный виджет Вконтакте для своего сайта!

Соц кнопки

На открывшейся страничке выберите нужный виджет. В моем случае это кнопка «Мне нравиться». В списке она третья, найти не сложно. Нажимаем на нее! На открывшейся страничке нужно сначала добавить свой сайт (только один раз). Затем выбираем желаемый вид кнопки.

Соц кнопки

Теперь давайте скопируем предложенный код в блокноте, что бы разобрать его по подробней!

Соц кнопки

На картинке выше я выделил код тремя разными цветами.

  • Красный — вообще не нужен, можете смело его удалять.  Странички с красным кодом, указывают, куда нужно вставлять код расположенный под ними.
  • Синий — нужно вставить в файл header.php между тегами <head> и </head>. Надеюсь, вы найдете это место!
  • Зеленый — нужно вставить в то место где вы хотите, что бы появилась кнопка «Мне нравиться». Я рекомендую вставить его в файл simple.php сразу после записи. У себя я вставил сразу после странички <?php the_content(); ?><p>.

Как видите, сразу после записи, у меня появилась соц. кнопочка от Вконтакте! А те, которые были раньше, исчезли.  Дело в том, что я их удалил специально! Вот так вот! Удачи вам, надеюсь теперь, вы сможете добавить соц. кнопки на блог!

А теперь, я попрошу вас, рассказать о своем методе » как добавить кнопки соц сетей на сайт или блог » в комментариях! :). А пока я рекомендую вам почитать статью про поведенческие факторы блога. Она очень интересная и достойна вашего внимания.

С уважением, Степан!
Все статьи

Добавить в закладки

19 комментариев к записи “Добавляем социальную кнопку «Вконтакте» на блог.”

  1. Там по моему есть конфликт даже между кнопками соц сетей и комментариями, как такую проблему можно решить.

    • Степан:

      Расскажи по подробней о конфликте. Я просто с таким не сталкивался.

    • Да, кстати, у меня такая вещь была! У меня кнопки соц. сетей стояли, а потом решил поставить комментарии от контакта. Но форма комментариев продублировалась и этот дубль никак я не мого решить. Так отказался от комментариев.

      • Степан:

        А ты в панели разработчика не создавал новый сайт? Попробую сделать то же самое в субботу, посмотрим что выйдет!

  2. Кнопки я добавил, а выровнять так и не получилось. Пришлось отказаться от этой затеи на время.

  3. Плохо, что в этом случае нельзя воспользоваться своей картинкой под дизайн шаблона сайта.

    • Степан:

      Да, но выглядит и так неплохо. А если нужна своя картинка, то нужно долго париться с кодом. Намного проще сделать такую кнопку, и для пользователей она привычней!

    • Почему нельзя? все можно только нужно очень хорошо знать css/

  4. Юрий:

    Нужная вещь. Спасибо

  5. Я все же кнопки плагином установила. Только две сделала отдельно: от твиттера и от гугла.

  6. Спасибо за статью,очень полезная)

  7. Таким методом хорошо ставить кнопки в наши видеоемэйлы. Туда плагинами не поставишь, только кодом. Нужно воспользоваться.

    • Вячеслав:

      О да! Плагинами вроде можно, но очень сложно! Там настраивать нужно много!

  8. Дима:

    Кнопки я добавил, Таким методом хорошо ставить кнопки в наши видеоемэйлы

Оставить комментарий

Комментаторы блога

Комментируй блог и получи 300 рублей! Подробности тут!

X

Получайте самые актуальные статьи по теме создания, раскрутки и монетизации блога прямо на ваш почтовый ящик.