Как добавить кнопку «Мне нравится» в Facebook в блоге Blogger? - PullRequest
Новая
       38

Как добавить кнопку «Мне нравится» в Facebook в блоге Blogger?

4 голосов
/ 22 апреля 2010

Я хочу добавить новую кнопку «Мне нравится» в Facebook на мой сайт Blogger.

Я должен передать URL постам в блоге в iframe src.

Я могу получить URL-адрес сообщений Blogger от <data:post.url/>, но не могу указать его в строке src, поскольку система шаблонов Blogger странная.

Я хочу сделать это: 

<iframe allowTransparency='true' frameborder='0' scrolling='no'
src='http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show-faces=true&amp;width=450&amp;action=like&amp;colorscheme=light'
style='border:none; overflow:hidden; width:450px; height:px'/>

но Blogger жалуется:

Ваш шаблон не может быть проанализирован, так как он неправильно сформирован. Убедитесь, что все элементы XML закрыты правильно.
Сообщение об ошибке XML: значение атрибута «src», связанного с типом элемента «null», не должно содержать символ «<». "</p>

Кто-нибудь еще работает?

Ответы [ 6 ]

5 голосов
/ 27 апреля 2010

попробуйте это, 

<iframe allowTransparency='true' 
        expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=button_count&amp;show_faces=false&amp;width=75&amp;action=like&amp;font=trebuchet+ms&amp;colorscheme=light"' 
        frameborder='0' scrolling='no' 
        style='border:none; overflow:hidden; height: 20px'/>
1 голос
/ 18 августа 2010

Используйте этот учебник для добавления кнопки «Мне нравится» - FB разработал новый дизайн для кнопки «Мне нравится» - http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

0 голосов
/ 04 октября 2010

Решение Хуана Хорхе должно сработать.

ИМХО, используя javascript SDK на блоггере гораздо элегантнее, чем использование подхода iframe (я пробовал оба в своем блоге).

Вот ссылка на несколько постов, которые я сделал по этой теме (включая использование выражений блоггеров внутри атрибутов и т. Д. И как включить кнопку «Мне нравится» с использованием javascript sdk в шаблон блога):

http://blog.yanivkessler.com/search/label/blogger

Надеюсь, это поможет ...

0 голосов
/ 26 апреля 2010

Я написал пошаговое руководство по использованию метода iframe на WikiHow: http://www.wikihow.com/Add-Facebook-Like-to-Blogger

Дайте мне знать, если это не сработает для вас. По сути, ваш src должен использовать синтаксис expr: src с конкатенацией строк / данных.

Версия JavaScript, как утверждается, является более гибкой, но все еще есть много людей, которые отключают JavaScript в своих браузерах или используют некоторое дополнение NoScript.

0 голосов
/ 22 апреля 2010

У меня тоже была такая же ошибка при смене шаблона. Поэтому я нашел решение с помощью функции JavaScript document.write: 

    <script>
    document.write('&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:80px&quot;&gt;&lt;/iframe&gt;');
</script>

Просто поместите приведенный выше код в конец раздела вашего блога.

Две ноты:

  • Решение Ирвана должно работать (я не пробовал), но это означает, что FB SDK должен быть загружен. Это может быть проблемой для тех, кто занимается производительностью блога.

  • Решение Мэгги работает нормально, но не позволяет любить посты независимо друг от друга.

Здесь можно увидеть, как это работает: http://fliscorno.blogspot.com/

0 голосов
/ 22 апреля 2010

ШАГ 1: любезно примените JavaScript SDK к вашему шаблону.

ШАГ 2: найдите эту строку <b:includable id='post' var='post'>

ШАГ 3: поставить это после него 

<b:if cond='data:post.url'>
  <fb:like action='like' colorscheme='light' expr:href='data:post.url' layout='standard' show_faces='false' width='450'/>
</b:if>

Сохрани и все готово;)

...