Как установить кнопку «Мне нравится» от ВКонтакте

Во первых Вы должны быть зарегистрированы и авторизованы в социальной сети ВКонтакте. Если не зарегистрированы, то зарегистрируйтесь и авторизуйтесь.

Теперь нужно получить API_ID. Для этого вот здесь заполняем форму:

1Заполнили форму — жмём «Подключить сайт». Развернулось окно «Подтверждение действия», в котором Вы должны получить код, для этого смело вводите свой номер телефона (потому что это бесплатно) и жмёте «Получить код». Вводите в поле код, который пришёл на Ваш телефон в виде смс, и жмёте «Отправить код».Только что Вы создали приложение во ВКонтакте, благодаря чему получили API_ID, благодаря которому теперь можно установить кнопку «Мне нравится» на Ваш сайт.

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

2

Теперь нужно скопировать первую часть кода в Ваш сайт в файл «Заголовок (header.php)». На скрине видно какую именно часть кода нужно копировать:

3

Т.е. если у Вас WordPress, то заходим из админ. панели во «Внешний вид» => «Редактор». Справа жмём «Заголовок (header.php)». И вставляем первую часть кода, которуя я указал на скрине выше, перед закрывающимся тегом </head>:

4Теперь копируете вторую часть кода:

5Вторую часть кода нужно вставить в то место, где будет кнопка «Мне нравится». Например, если вы хотите чтобы кнопка была в конце статьи, то и вставляете вторую часть кода в конец статьи. Если у Вас WordPress, то код нужно вставлять в статью в режиме «Текст», а не «Визуально».

Если Вы хотите, чтобы кнопка автоматически вставлялась после каждой статьи, то вторую часть кода вставляете в файл «single.php», после кода <?php the_content (); ?> , или до этого кода, если хотите чтоб кнопка стояла в начале статьи.

Чтобы выровнять кнопку по центру, заключите вторую часть кода в такой код:

<div align="center">Вторая часть кода</div>

Выровнять по правому краю:

<div align="right">Вторая часть кода</div>

Если Вам понравился этот урок, то кликните по кнопке «Мне нравится», находящейся в конце этого урока.

P.s.: Считаю несправедливым то, что не существует кнопки «Мне не нравится» :)

Эта статья была опубликована в категории Уроки автором Zheka. Bookmark the permalink.

2 ответа на “Как установить кнопку «Мне нравится» от ВКонтакте

  1. Привет! Вопрос, нужно каждый раз в новую статью добавлять вторую часть кода? Или можно один раз куда-нибудь добавить и она в новых статьях будет автоматически добавляться?:)

    • Привет! Конечно можно всё:) Чтобы кнопка автоматически вставлялась после каждой статьи, то вторую часть кода вставляете в файл «single.php», после кода < ?php the_content (); ?>

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

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

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>