Entrar

Añadir el botón "Me gusta" de Facebook a tu página [iFrame]

Doodleo · · Solicitar retirada
Hola!

Bueno, aquí os pongo el código para que pongáis en vuestra web, ese que pone "Me gusta" y pone el número de gente al que le ha gustado xD

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

Vale, lo que podéis modificar es lo rojo, explico:

show_faces=false indica si se mostrarán o no algunos avatares de la gente que le ha dado al botón, si lo dejamos como está (con false) no se mostrarán, pero si modificamos la palabra false por true sí aparecerán.

width=450, es el ancho del widget.
height=40, es el alto del widget.

action=like, es el texto que aparecerá, con like dirá Me gusta, pero si cambiamos la palabra like por recommend dirá Recomendar.

font=tahoma, es el tipo de letra, por defecto está en tahoma pero se puede cambiar por arial, lucida+grande, segoe+ui, trebuchet+ms y verdana.

colorscheme=light, es el color del botón, con light tendrás el color típico del botón , pero si cambias light por dark el botón será de un color más oscuro
soitaladro · · Solicitar retirada
la frase , que me gusta osea ....
..."yo tengo un gato"... action=like... iria asi? , osea no entiendo como poner la frase con el boton junto a ella ...
skaparate · · Solicitar retirada
¿Quieres cambiar el "Me gusta" por la frase que quieres? Si es eso, entonces no se puede. action=like es un parámetro para la función de facebook, por lo que hay valores establecidos o predeterminados que se pueden escribir, pero no se puede personalizar el mensaje (según lo que he leído en Facebook).
soitaladro · · Solicitar retirada
Quiero escribir , Mi frase... [me gusta] , osea una frase y al lado ponerle el boton "me gusta" , se entiende? :/
skaparate · · Solicitar retirada
Ok, en ese caso podrías añadir algo como un párrafo (<p>) que diga "me gusta" (o cualquier otro mensaje) o una etiqueta span, da lo mismo; el punto es que después del mensaje que tu escribas pongas el iframe.

@waldragon: no, no es necesario poner tu url. Si tienes problemas, puedes entrar aquí y facebook te genererá el código que tendrás que insertar en tu sitio.
mirkito · · Solicitar retirada
disculpen mi ignorancia pero quisiera saber en que parte colo este codigo es en mi index???
skaparate · · Solicitar retirada
@mirkito: debes pegarlo, dentro del body, en cualquier parte donde quieras que aparezca.

Aprovechando que estoy por aquí: ¿alguien sabe por qué el botón solo muestra 1000 siendo que tengo más de 1000 likes? Miren este sitio. En el sidebar derecho aparece el contador de "likes", pero solo muestra 1000 y la página de facebook tiene más de 1000. Si alguien sabe, bien, sino no importa :D.

Saludos.

P.D.: aquí esta el código del iframe que, según yo, esta bien;

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FLupita%2F158180414227676&amp;layout=box_count&amp;show_faces=false&amp;width=80&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:65px;" allowTransparency="true"></iframe>
AmandaFdez · · Solicitar retirada
Y como te vincula el ME GUSTA a tu pagina de facebook, sin haber mencionado en el codigo nada de la url, ni ningun dato de nuestra pagina de facebook????
skaparate · · Solicitar retirada
@AmandaFdez: lo que pasa es que el código mostrará el botón me gusta en base a la url de tu sitio, no a la página de facebook. Por ejemplo, el código que publiqué yo en el post anterior vincula a una página de Facebook que mostrará los likes que tiene la página de Facebook y no los likes que tiene el sitio web.

Para enlazar la página de facebook en lugar de tu sitio web tienes que escribir lo siguiente:

<iframe src="//www.facebook.com/plugins/like.php?href=AQUÍ VA TU PÁGINA DE FACEBOOK&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"></iframe>

Ahora, la url de la página de facebook tiene que codificarse: los dos puntos (:) que van después de http deben reemplazarse por %3A y los slash (/) por %2F. Por ejemplo, la url http://www.facebook.com/heylupita quedaría así: http%3A%2F%2Fwww.facebook.com%2Fheylupita.

Saludos.
ocbarrio · · Solicitar retirada
Seria posible agregar un me gusta a cada imagen que tengo en la galeria de mi web? Gracias!
ocbarrio · · Solicitar retirada
Muchas gracias Doodleo! Esto del html es una pasada. Yo creia que me iba a costar un huevo, y resulta que estoy aprendiendo a pasos agigantados.

BUEN TRABAJO!

UYY! Espera, espera. Mas dificil todavia! Y poner el ME GUSTA dentro de una imagen que esta en una galeria? Me explico: en mi pag, en galeria, cuando haces click en una imagen, que aparte de salir el close, el next y el prev, salga el me gusta abajo entre el nombre de la foto y el boton close.

Te estoy complicando?

Gracias
jonimdp · · Solicitar retirada
Chicos a ver porfavor si me ayudan no es muy dificil lo que quiero hacer, basicamente quiero crear una pagina de frases de facebook, osea que la gente escriba lo que quiera y luego el resto haga click en el famoso "Me Gusta" osea como esta pagina http://www.frasesdefacebook.net/ espero que se haya entendido, que aplicacion y como debo hacerla?? :/...porque la verdad no la caso...algo de conocimientos en html se y no hay problema el tema es como hago el resto :/! bueno muchisimassss gracias!!! son grosos sepanlo :D