Как я могу добавить кнопку «like» Facebook в блог Blogger?

Question

Я хочу добавить the new facebook "like" button на мой сайт 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 Ошибка: Значение атрибута «ЦСИ», связанное с типом элемента «нулевое» не должен содержать «<» характера «

ли кто-нибудь есть это работает еще

Answer 1

ШАГ 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> 

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

Answer 2

Я был также имеющий ту же ошибку при изменении шаблона. Таким образом, я нашел решение, используя функцию document.write JavaScript:

<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> 

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

Две ноты:

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

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

Можно видеть, что это работает здесь: http://fliscorno.blogspot.com/

Answer 3

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

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

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

Answer 4

попробовать это,

<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'/> 

Answer 5

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

Answer 6

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

IMHO с помощью javascript SDK на blogger гораздо более элегантный, чем при использовании iframe-подхода (я пробовал оба в своем блоге).

Вот ссылка на несколько постов, которые я сделал по этому вопросу (в том числе с использованием блоггер выражений внутри атрибутов и такие, и как включить, как кнопку Использование JavaScript SDK в шаблон блога):

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

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

Answer 7

Перейти к этому page и оттуда вы можете легко создать свою собственную кнопку.