COMO AGREGAR EL BOTON DE "ME GUSTA" DE FACEBOOK

En un post anterior explique como se agrega el botón de "FOLLOW" de Twitter y me han preguntado como se se hace con el botón de "ME GUSTA" de Facebook.

Al igual que el de Twitter nos sirve para promocionar nuestras publicaciones; esto nos permite cuantificar la gente a la que le gusta nuestro post y asi saber que les gusta y que no les gusta.

Les mostrare como implementar paso a paso el botón en cada uno de nuestros post en Blogger.

Entrar a la pestaña de Plantillas.
Antes de continuar le recomiendo hacer un respaldo de su plantilla en Crear Copia de Seguridad/Restablecer.
Despues de realizar tu respaldo entras en Edición de HTML. Te aparecera una ventana y le das en Continuar.
Activas la casilla de Expandir plantillas de artilugios.

Para poner el bóton arriba de cada post buscar la siguiente linea de codigo. Lo pueden hacer mas facil presionando Ctrl + F en su navegador Firefox y Chrome escribiendo lo siguiente:

<data:post.body/>

Para poner el bóton al pie de cada post buscar la siguiente linea de codigo. Lo pueden hacer mas facil presionando Ctrl + F en su navegador Firefox y Chrome escribiendo lo siguiente:

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

 Justo debajo de esa linea ponemos el siguiente codigo codigo:

<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=false&amp;width=450&amp;height=40&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px'/>

Si desean pueden personalizar el botón a su agrado cambiando lo siguiente:

Para cambiar la forma del botón solo es necesario cambiar el Layout:

button_count 

standard 

Si desean cambiar el "M GUSTA" por "RECOMENDAR" cambien lo siguiente:

like 

recommend

Si desean cambiar el fondo cambien lo siguiente:

 

light

dark 





Verifican con la vista previa que todo este bien.

Por ultimo le dan en Guardar plantilla y listo.

Les dejo la liga al post para agregar el botón de "FOLLOW" de Twitter.  http://lawebinteligente.blogspot.mx/2012/09/como-agregar-el-boton-de-follow-de.html