Añadir el botón “Me gusta” de Facebook en Blogger

Agregar el botón a nuestro blog es muy sencillo. Como ya viene siendo habitual, tendremos que hacer cambios en la plantilla, así que lo primero será guardarnos la plantilla original por si hacemos algo indebido.

Empezaremos dirigiéndonos a “Diseño” – “Edición de HTML” y marcaremos la casilla de “Expandir plantillas de artilugios”. Normalmente este tipo de botones se suelen colocar justo debajo del artículo, así que tendremos que buscar la siguiente línea:

<div class='post-footer-line post-footer-line-1'>

Y abajo se agrega el siguiente 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>

Si observáis el código veréis valores de anchura (width), color (colorscheme) etc… Podéis modificar todos esos valores teniendo en cuenta lo siguiente:

href – Con la URL a compartir.

layout – Estilo del botón. Los valores que se le puede dar son: standard o button_count.

show_faces – Se muestra la foto de avatar de la persona a la que le gusta el artículo. Valores: true o false.

width – Anchura del iframe.

action – Texto que se muestra en el botón. Valores like o recommend.

font – Fuente que se utilizará.

colorscheme – Esquema de colores. Valores: light, dark o evil.

Fuente: Bloguismo