Blog @pedropablo

Facebook agregó plugins sociales que se pueden incorporar en cualquier sitio web, uno de ellos el botón “Me gusta“. Este botón está presente en todas las anotaciones publicadas en Facebook y ahora disponible para sitios externos. Al pulsar el botón el lector lo comparte inmediatamente en su perfil de Facebook.

Los parámetros son:

• href – Es la dirección a compartir. (ej: http://blog.pdropablo.net/)
• layout – Estilo del botón. Valores: standard o button_count
• show_faces – Muestra el avatar de a quiénes le gusta. Valores: true o false.
• width – Ancho del iframe.
• action – Texto del botón. Valores like o recommend. (Me gusta o Recomendar)
• font – Tipo de fuente a utilizar.
• colorscheme – Esquema de colores. Valores: light o dark.

Resultados

Estos valores se pueden cambiar directament en el código o usar el formulario de Facebook, creo que es más cómodo, el resultado es el mismo.

Integración

Cualquier web

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php print 'http://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']; ?>&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" height="80" style="border:none;overflow:hidden;width:450px;height:80px;"></iframe>

Para que sea fija basta con cambiar el parámetro href y poner la url (dirección) que desea.

WordPress
Abrimos el archivo single.php del theme. Nos ubicamos en el lugar donde se pretende aparezca el botón, en el footer del post o abajo del título. Y agregamos el código:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php print urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" height="80" style="border:none;overflow:hidden;width:450px;height:80px;"></iframe>

Blogger
Home → Diseño → Edición de HTML → Expandir plantillas de artilugios
El lugar tradicional para hacerlo en el post-footer, es decir, al pie de cada entrada, entonces, se busca el código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light"' scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:px"></iframe>
</b:if>

• Tags: Blog, Facebook, Internet, Redes Sociales, WordPress