Integrar boton de facebook en tu web:
Para añadir el boton “ME GUSTA” o “RECOMENDAR” de facebook en tu web, basta con insertar un iframe en el codigo de tu web, para generar este frame, puedes hacerlo desde AQUÍ
Aca van algunas especificaciones para configurar a gusto el plugin de facebook:
&layout=standard define el tipo de botón, puede cambiarse por button-count para simplificarlo
&show-faces=true muestra el avatar del usuario y puede eliminarse colocando false
&action=like es el texto a mostrar y puede ser cambiado por recommend
&colorscheme=light es el diseño general, la otra opción es dark
&font=arial es el tipo de fuente opcional y puede ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 es el ancho total en pixeles (530 o 450)
&height=60 es la altura total en pixeles
Tambien puedes integrarlo en tu wordpress:
Lo único que necesitan hacer, es dirigirse al directorio del tema que estén usando en Wordpress y editar el single.php (usualmente ubicado en /wp-content/themes/nombredetema/single.php) con el siguiente código:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show-faces=true&width=500&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>
(cambiando width y height de acuerdo al ancho / alto que quieran.)
&show-faces=true muestra el avatar del usuario y puede eliminarse colocando false
&action=like es el texto a mostrar y puede ser cambiado por recommend
&colorscheme=light es el diseño general, la otra opción es dark
&font=arial es el tipo de fuente opcional y puede ser tahoma, arial, lucida+grande, segoe+ui, trebuchet+ms, verdana
&width=530 es el ancho total en pixeles (530 o 450)
&height=60 es la altura total en pixeles
Si
queremos colocarlo en nuestro home (nada impide usarlo en cualquier
página), el código es el mismo y basta establecer la URL correcta,
reemplazando data:post.url por la dirección de nuestro blog y en este caso, conviene que cambiemos los caracteres de dos puntos y barra por sus equivalentes %3A y %2F:
