Agregar el botón “Me gusta” a Blogger y WordPress

facebook-me-gusta-blogger-wordpress

Facebook agregó nuevos “plugins sociales” que se pueden incorporar en cualquier sitio web, entre otras cosas, un botón de “Me gusta” a cualquier anotación. Este botón esta presente en todas y cada una de las anotaciones publicadas en Fb y ahora, libre para sitios externos.

¿Ventajas? La primera es conocer que contenidos le agradan más a tus lectores y la segunda, que al pulsar en el botón, el lector la esta compartiendo inmediatamente en su perfil de Facebook y sin utilizar recursos propios.

Funcionamiento

El botón es más bien un iframe al que se le pasan por factores las características del elemento. El código es más o menos como sigue:

Los parámetros son:

  • href – Con la URL a compartir.
  • layout – Estilo del botón. Valores: standard o button_count
  • show_faces – Muestra o no el avatar de quienes del agrada la anotación. Valores: true o bien false.
  • width – Ancho del iframe.
  • action – Texto del botón. Valores like o bien recommend.
  • font – Fuente a emplear.
  • colorscheme – Esquema de colores. Valores: light, dark o bien evil.

Estos valores se pueden mudar directo en el código o bien emplear el formulario de personalización de Fb, el resultado es exactamente el mismo.

Agregar botón “me agrada” a Blogger

1. Ir al código de la plantilla y expandir artefactos.

Home → Diseño → Edición de HTML → Expandir plantillas de artilugios

2. Escoger el lugar a agregar el código. El sitio tradicional para hacerlo en el artículo-footer, esto es, al pie de cada entrada, entonces, se busca el código:

Y abajo se añade el próximo código:

El desenlace es un botón como el siguiente:

Nota: Puede usarse post-footer-line-1 o cualquier otra en el footer. El código a agregar puede modificarse con los parámetros que se listaron en la parte de funcionamiento.

Agregar botón “me agrada” a WordPress

1. Para añadir el botón a cada entrada individual, se abre el fichero single.php del theme.

2. Situarse en el sitio donde se pretende aparezca el botón, el barra de marcadores sociales, el footer del post o bien abajo del título, por ejemplo. Y añadir el siguiente código:

El resultado:

Y lo mismo que en Blogger, al código pueden modificarse los parámetros, de acuerdo con la sección de funcionamiento.