¿Cómo puedo agregar el botón "me gusta" de Facebook a un blog de Blogger?

Question

Quiero agregar the new facebook "like" button a mi sitio web de Blogger.

Tengo que pasar la URL a las publicaciones del blog en el iframe src.

Puedo obtener la URL de publicaciones de Blogger de <data:post.url/> pero no puedo poner eso en una cadena src porque el sistema de plantillas de Blogger es extraño.

Quiero hacer esto:

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

pero se queja de Blogger:

La plantilla no se pudo analizar, ya que no está bien formado. Asegúrese de que todos los elementos XML estén cerrados correctamente. mensaje
XML error: El valor del atributo "src" asociado con un tipo de elemento "nulo" no debe contener el '<' carácter "

¿Alguien tiene este trabajo todavía

Answer 1

PASO 1.? : amablemente aplicar JavaScript SDK a su plantilla

. Paso 2: encontrar esta línea <b:includable id='post' var='post'>

PASO 3: ésta después de que

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

guardarlo y su hecho;)

Answer 2

también estaba teniendo el mismo error al cambiar la plantilla. Así que he encontrado una solución mediante el uso de la función 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> 

Sólo tiene que colocar el código anterior al final de la sección de entrada de blog.

dos notas:

• solución de Irwan debe trabajar (no he probarlo) pero significa que el SDK FB se debe cargar. Eso podría ser un problema para quién está preocupado con el rendimiento del blog.

• La solución de Maggie funciona bien, pero no permite que las publicaciones se agraden independientemente.

Uno puede ver su funcionamiento aquí: http://fliscorno.blogspot.com/

Answer 3

me escribió una guía paso a paso por el método de marco flotante en WikiHow: http://www.wikihow.com/Add-Facebook-Like-to-Blogger

Avísame si no lo hace trabajo para ti. Esencialmente, su src necesita usar la sintaxis expr: src, con cadena/concatenación de datos.

Se afirma que la versión de JavaScript es más flexible, pero todavía hay muchas personas que deshabilitan JavaScript en sus navegadores o utilizan algún complemento de NoScript.

Answer 4

probar esto,

<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

utilizar este tutorial para añadir el botón - FB ha lanzado un nuevo diseño para el botón - http://www.bloggerplugins.org/2010/04/facebook-like-button-for-blogger.html

Answer 6

solución de Juan Jorge debería funcionar.

En mi humilde opinión utilizando el Javascript SDK en blogger es mucho más elegante que usar el enfoque iframe (probé ambos en mi blog).

Aquí hay un enlace a varios puestos que he hecho sobre el tema (incluyendo el uso de expresiones blogger dentro de atributos y tal y cómo incorporar un botón como el uso de JavaScript SDK en su plantilla del blog):

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

Espero que esto ayude ...

Answer 7

Vaya a este page y desde allí puede crear fácilmente su propio botón Me gusta.