Hace poco me entero que Facebook ha implementando nuevos plugins sociales, los cuales se pueden agregar a cualquier sitio web y a los que podemos darles muchos usos en especifico, pero ahora nos enfocaremos a descubrir como agregar el botón Me gusta a cada una de las entradas de nuestro blog. esto nos dará una gran ventaja, cuando un lector le guste alguna publicacion este puede dar clic sobre el botón para compartir el contenido en su perfil de Facebook.

Funcionamiento mediante un código directo
El boton trabaja mediante un iframe al que se le pueden modificar algunos parámetros.

Los parámetros que podemos modificar son los siguientes:

href – La url de Tu blog. layout – Estilo del botón. Valores: standard, button_count o box_count show_faces – Muestra el avatar de quienes le dan clic a me gusta. Valores: true, false
width – El ancho del iframe medido en xp.
height – El largo del iframe medido en xp.
action – Texto que contendra el botón. Valores: like o recommend.
font – Fuente a utilizar.
colorscheme – Esquema de colores. Valores: light o dark.

Estos valores se pueden cambiar directo en el código o usar el formulario de personalización de Facebook, que en muchos casos si no eres hábil seria mejor utilizarlo.

Agregar un botón en cada una de las entradas de tu Blog en Blogger

Esto hará que haya un botón de me gusta en cada entrada de nuestro blog, sigamos la siguiente cadena, Home -  Diseño - Plantilla - Edición de HTML - Expandir plantilla de artilugios.

Vamos a colocar el código en la parte donde queramos que aparesca cada vez en una entrada nueva, por lo general este botón se coloca en la parte del pie de pagina de un post. aunque podemos colocarlo donde queramos, para colocarlo en la parte del pie  de cada entrada buscamos.

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

Justo debajo agregamos el siguiente código

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

El resultado podrán verlo en la parte inferior de cada entrada en este mismo blog.

Información detallada de este plugin y enlace oficial │ Like Button