Hoy en menos de 2 minutos podemos agregar el botón de «me gusta» de Facebook en cualquier página o blog. Como veréis es muy sencillo y para ello tenemos una serie de parámetros configurables que podemos cambiar desde el mismo código que insertemos.
En el propio generador del botón de Facebook podemos cambiar lo que necesitemos: http://developers.facebook.com/docs/reference/plugins/like.
¿Qué parámetros del botón «Me gusta» podemos cambiar?
- href : Es la dirección a compartir. (ej: https://www.mrrabbit.es/)
- layout : Estilo del botón. Valores: standard o button_count
- show_faces : Muestra el avatar de a quiénes le gusta. Valores: true o false.
- width : Ancho del iframe.
- action : Texto del botón. Valores like o recommend. (Me gusta o Recomendar)
- font : Tipo de fuente a utilizar.
- colorscheme Esquema de colores. Valores: light o dark.
- locale : Idioma
Si queremos cambiar el idioma al botón podemos añadirle la variable «locate» al like.php (si es España: ‘es_ES’)
Ejemplo Standard
1 |
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.mrrabbit.es&layout=standard&show_faces=true&width=450&action=like&font=trebuchet+ms&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> |
Ejemplo Button Count
1 |
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.bufa.es&layout=button_count&show_faces=true&width=450&action=like&font=trebuchet+ms&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe> |
Ejemplo Box Count
1 |
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.bufa.es&layout=box_count&show_faces=true&width=450&action=like&font=trebuchet+ms&colorscheme=light&height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:65px;" allowTransparency="true"></iframe> |
Fuente: Bufa