8/28/2011

Добавление кнопки ВКонтакте "Мне нравится" в Blogger

Просмотрел сегодня ряд постов, где люди описывали свои варианты добалвения кнопки ВКонтакте "Мне нравится" к Blogger, но не нашел ни одно 100% работающего варианта. Вернее работающие варинаты сводились к тому, что кнопка работает, когда на одной странице отображается только один пост, в противном сулчае кнопка просто пряталсь. Проблема в том, что скрипт, который по умолчанию предлагает ВКонтакте расчитан на то, что на странице может быть только одна кнопка "Мне нравится".

Итак, вот пошаговая инструкция о том, как показывать кнопку "Мне нравиится" для каждого поста, если у Вас показывается несколько постов на странице.

1. Идем на страницу виджета "Мне нравится" вокнтакте: http://vkontakte.ru/developers.php?o=-1&p=Like и генерируем код с необходимыми настройками.
2. Открываем страницу редактиорвания шаблона в Blogger: Design > Edit HTML. Включаем галочку Expand widget templates:

3. Сразу после тэга вставляем первую часть кода, сгенерированную ВКонтакте. Должно получится нечто вроде:





4. Находим к коде шаблона строку      
<div class="post-footer-line post-footer-line-3">. Ниже этой строки вставляем следюущий код:


Все, теперь внизу каждого вашего поста будет показвать кнопка и работать кнопка "Мне нравится".

7 comments:

Unknown said... [Reply]

Добрый день :)
Все бы хорошо, но после вставки последнего куска кода пишет "Не удалось проанализировать ваш шаблон, так как он неправильно сформирован. Убедитесь, что все элементы XML правильно закрыты.
Сообщение об ошибке в XML: Element type "div" must be followed by either attribute specifications, ">" or "/>"."

Alexey Butenko said... [Reply]

в тексте ""vk_like"+data:post.id"
нужно кавычки поменять на
'"vk_like"+data:post.id'

тогда работает

infovita said... [Reply]
This comment has been removed by the author.
infovita said... [Reply]

Там, где должен появиться виджет анимируется "значек прогресса действия" (три мигающие штриха) и написано: Wrong application
Самого виджета нет
Вот так: http://colorbazar.blogspot.com/
Что это может быть? Спасибо

Unknown said... [Reply]

@infovita Вероятнее всего неправильно был сгенерирован код на странице http://vk.com/developers.php?o=-1&p=Like. Убедитесь, что Вы выбрали в выпадающем списке вверху формы "Подключить новый сайт" и правильно ввели адрес Вашего блога. Удачи!

Bair said... [Reply]

Поделитесь пожалуйста способом добавления кнопки Facebook Like рабочий для каждой отдельной записи в Blogger. Что-то у меня не выходит нагуглить рабочий способ.

Unknown said... [Reply]

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