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

Я хочу добавить новую кнопку 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", не должно содержать символ '‹'."

У кого-нибудь это еще работает?


facebook iframe blogger facebook-like blogspot
person David    schedule 21.04.2010    source источник
comment
Перейдите на эту страницу, и оттуда вы сможете легко создать свою собственную кнопку "Нравится".   -  person Shim    schedule 16.01.2014

Ответы (6)


arrow_upward
5
arrow_downward

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

<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'/>
person Juan Jorge    schedule 26.04.2010
comment
он добавляет параметр m=1 при совместном использовании с мобильного устройства. как мне получить URL без каких-либо параметров. - person lightsaber; 04.04.2015
comment
Используйте data:post.url.canonical вместо data:post.url, чтобы это был тот же URL без параметров запроса. - person OdraEncoded; 09.01.2017

arrow_upward
1
arrow_downward

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

person user424475    schedule 18.08.2010

arrow_upward
0
arrow_downward

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

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

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

person Community    schedule 25.04.2010

arrow_upward
-1
arrow_downward

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

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

person Irwan    schedule 22.04.2010

arrow_upward
-1
arrow_downward

У меня также была такая же ошибка при изменении шаблона. Поэтому я нашел решение, используя функцию 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>

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

Два примечания:

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

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

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

person Jorge    schedule 22.04.2010

arrow_upward
-1
arrow_downward

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

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

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

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

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

person Yaniv Kessler    schedule 04.10.2010