Muchas preguntas en la comunidad de Facebook sobre como lograr la inserción de famoso botón «Me gusta» en un blog, o en una web determinada… aunque la verdad la mayoría de las personas siempre preguntan muy general este tema, y no precisan «donde» quieren insertar precisamente el botoncito.
Algo a tener en cuenta; no cualquier usuario de la pagina web en cuestión puede insertar el botón:
- Conocimientos Avanzados / Medios de código HTML (para saber «dónde» y «cómo»)
- Acceso al código HTML de la pagina web a editar
Así que empecemos suponiendo que es en Blogger.com (ejemplo tusitio.blogspot.com) donde lo queremos:
Vamos a editar HTML y buscamos donde queremos que aparezca, y pegamos el siguiente código HTML:
<iframe expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url+ "&layout=button_count&show_faces=false&width=450&height=60&action=like&font=tahoma&colorscheme=dark"' allowTransparency='true' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:60px'/>
Lo ideal (y lo que la gente generalmente hace) es pegarlo junto a los iconos que aparecen en el post-footer, pero eso depende de cada usuario.
Si lo que quieres, es incrustar el botón «me gusta» en cualquier otro sitio que NO sea blogger.com, lo que recomiendo es que usen el GENERADOR ONLINE que tiene Facebook para hacer semejante cosa…
Es muy simple usarlo, y obtienen el código HTML que deben usar, para insertarlo dentro de su sitio (también en la parte HTML)
Ese generador online, lo encuentran aqui: http://developers.facebook.com/docs/reference/plugins/like
Cuando generen el codigo «iframe», simplemente deben ir a sus sitios web, editar el codigo html, y pegar el codigo obtenido. Lo demas es probar para ver como se visualiza y demas…
Si tienen dudas, por favor no DUDEN (valga la redundancia) en postearlas aquí:
http://www.facebook.com/notes/masfb/agregando-el-boton-me-gusta-a-tu-sitio-web/149663565065193
Algunos datos para usuarios mas avanzados:
- &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
Saludos!
+FB !!!
