Как добавить кнопку "Мне нравится"Всем привет.

Давно я уже хотел рассказать вам, как можно добавить ВКонтакте на свой сайт (или блог). Если более точнее – то я имею ввиду кнопку «Мне нравится» и блок сообществ, где вы можете вывести любую группу из социальной сети ВКонтакте.

Чтобы вы сразу поняли, о чем идет речь – можете посмотреть как это выглядит на данном сайте: кнопка – в начале текста и виджет – в конце.

И сегодня мы поговорим о том, как создать кнопку.

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



Для этого нужно перейти по ссылке Получить кнопку «Мне нравится».

Перед вами откроется следующее окно:

Как добавить кнопку "Мне нравится"

Первым делом, нужно заполнить верхнюю часть этого окна. Сразу хочу посоветовать убирать косые черточки (слэши) после адреса и домена сайта – очень часто пользователи отмечают, что из-за этого кнопка не работает.

Обязательно нажмите кнопку «Сохранить», иначе ничего не будет работать.

Заполнив верхнюю часть, вам нужно выбрать вариант кнопки. Чтобы особо не эксперементировать – можете оставить как есть, т.е. «Кнопка с текстовым счетчиком» и название «Мне нравится».

Установка кода кнопки «Мне нравится» на блог



И вот теперь начинается самое интересное, где чаще всего и бывают загвоздки – это добавление код кнопки на свой сайт (точнее, блог).

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

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

Как добавить кнопку "Мне нравится"

нужно добавить в файл header.php. Для этого идем «Админка блога» — «Внешний вид» — «Редактор» и открываем указанный файл.

Ищем, где находится закрывающий тег </header> и сразу перед ним вставляем первую часть кода. У меня получилось вот так:

Как добавить кнопку "Мне нравится"

Вы можете вставить эту часть в любое место в пределах связки <head> — </head>, просто я вам привел более удобный вариант.

Теперь переходим к добавлению второй части кода.

Как добавить кнопку "Мне нравится"

По аналогии, открываем файл single.php (в некоторых темах его может не быть, тогда откройте файл index.php) и укажите место, где вы хотите видеть кнопку – в начале статьи или же в конце.

Для этого ищем примерно такой код — <?php the_content (''); ?> и добавляем код или перед, или после него.

У меня получилось вот так:

Как добавить кнопку "Мне нравится"

Кроме всего прочего, я еще добавил код style="margin-top:10px;" (подчеркнул на картинке салатовой линией) – это для того, что создать отступ сверху в размере 10 пискелей.

Сохраняем изменения и можем наблюдать, как кнопка ВКонтакте «Мне нравится» теперь отображается на вашем сайте.

Можете, опять таки – для примера, посмотреть, как эта кнопка выглядит на данном блоге (вверху, перед началом статьи) и для закрепления эффекта от полученных знаний – кликнуть по ней – я буду вам благодарен.

А на сегодня это все.

Желаю удачи!