Desde hace tiempo habia intentado agregar este famoso plugin social de Facebook pero siempre habia tenido problemas con ello asi que decidi encontrar la solucion y aqui se las triago por si les sucede este mismo problema..
Esto es realmente muy simple, ya que por suerte son unos pocos pasos los que tenemos que hacer, al igual que siempre que agregamos un nuevo gadget. Solo debemos copiar el codigo de abajo en uno de los elementos de pagina que acepte codigo html y listo.
[1] Vamos a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegamos este código en su interior:
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript"></script><script type="text/javascript">FB.init("1b8f0f706c312c05f42224b5b3399f80");</script><fb:fan connections="22" width="225" profile_id="XXXXXXXXXXXX" stream=""></fb:fan>
[2] Una vez añadido el código, cambiamos donde dice XXXXXXXXXXXX por la id de nuestra página en Facebook y guardamos.
Si todavia tienes algunas preguntas pero no sabes como se hace, como por ejemplo saber cual es la ID de nuestra fanpage (o página de fans), no te preocupes que hemos intentado pensar en todo y aquí mismo te explicamos cómo conseguirlo.
¿Como averiguo la id de mi página en Facebook?
[1] Accedemos a nuestra página de Facebook.
[2] Nos fijamos entonces en url que se muestra en el navegador, y que será algo como esto:
http://www.facebook.com/home.php?#!/pages/edit/?id=174666062584624
Esos números que se muestran al final de la url, son la id de nuestra página, y son los números que hemos de colocar en el código del gadget «Like Box» sustituyendo a las XXXXXXXXXXXX.
Al finalizar nos va a salir un recuadro como el siguiente:
91 comentarios
Juvinao · abril 5, 2011 a las 1:29 am
Esta es una forma para que nuestra pagina en facebook gane «Me gusta» mas facil :p:p
Anonymous · mayo 16, 2011 a las 12:21 pm
Ju. Yo no veo nada donde diga página en la foto o en mi avatar. Hay que crearla antes tipo blog-face…? No entiendo nada, agradecería si os podéis enrollar más para novatos pleasse!
Juvinao · mayo 16, 2011 a las 2:05 pm
@Anónimo Pues te explico el like box solo se puede agregar si tienes una pagina de facebook hecha para tu sitio web,ve a esta direccion
http://www.facebook.com/pages/create.php?campaign_id=372931622610&placement=pghm&extra_1=0
y sigue los pasos que vez alli para crear tu pagina en Facebook luego cuando la hayas creado si puedes añadir el like box 🙂
kurzon · junio 15, 2011 a las 4:10 pm
Me sale en blanco, al poner el enlace que has puesto y poner mi numero de id de facebook….
Juvinao · junio 15, 2011 a las 8:31 pm
@kurzon Pues amigo mira aca en mi blog si funciona asi que no entiendo porque no te funciona.
Anonymous · junio 28, 2011 a las 11:49 am
buenas me gustaria que alguien me dijera como poner el like box en ESpañol, yo lo tengo creado pero me sale en INGLEs (I LIKE) COMO CAMBIO EL IDIOMA? GRACIAS
Juvinao · junio 28, 2011 a las 8:31 pm
@Anónimo Pues para eso hice este tutorial leelo y lo sabras.
karen evans · julio 16, 2011 a las 1:57 am
Holaa,
algo que no me quedo muy claro 🙁
en donde tengo que pegar ese codigo ?
Juvinao · julio 16, 2011 a las 2:00 am
@karen evans Lo pegas como un gadget para eso vas a Diseño,Elementos de pagina,Añadir gadget,HTML Javascript y pegas el codigo 🙂
Anonymous · abril 27, 2013 a las 9:26 pm
que es un Gadget, y donde esta diseño? y todo eso
benitorhm · julio 18, 2011 a las 10:12 pm
Hola, buenísima la entrada, pero dice que deberia salir en español pero me sale en ingles, donde puedo visualizar el tutorial…?? quiero cambiar el ¨I like¨ a español
saludos!
Juvinao · julio 19, 2011 a las 12:25 am
@benitorhm Es raro porque yo uso este truco en mi blog y como vez el Like Box aparece muy bien en español,fijate bien cual es tu error y me comentas.
benitorhm · julio 19, 2011 a las 8:05 pm
verifique y resulta como tengo dos administradores en facebook, uno tiene la sesión en ingles y cuando la tiene abierta y accede al blog entonces sale el botón como ¨I like¨ pero el otro administrador que tiene la sesión de facebook en español si le sale en el blog ¨me gusta¨, pero tambien note que a los visitantes en general si les sale el botón en español.. Asi que esta todo correcto..
Saludos!
Juvinao · julio 20, 2011 a las 12:15 am
@benitorhm me alegra que hayas identificado el problema como vez el truco funciona muy bien,Saludos 🙂
Anonymous · agosto 2, 2011 a las 7:49 pm
excelente solo me pregunto como lo hago mas grande a lo alto a lo ancho si viene pero a lo alto no?
Juvinao · agosto 3, 2011 a las 3:15 pm
Anónimo en el atributo width=»225″ en el 225 puedes poner el numero que quieras y entre mas alto sea,mas ancho es el cuadro ok 🙂
Anonymous · agosto 5, 2011 a las 11:45 pm
Muchas gracias, me ayudo mucho.
Juvinao · agosto 6, 2011 a las 10:11 pm
Anónimo que bien que te haya ayudado,Saludos
Anonymous · agosto 25, 2011 a las 10:37 am
Amigo arregla el scrip para que todo el borde exterior cierre y no deje abierto en la parte de abajo
Juvinao · agosto 25, 2011 a las 2:54 pm
Anónimo ok tu sugerencia va a ser tenida en cuenta,gracias por avisar 🙂
Chiknaui.Mikistli Joel Molina Reyes · octubre 8, 2011 a las 4:29 pm
juvinao tu tienes cuenta en facebook, como haces que tu pagina, salga como pagina principal?, osea yo tengo la pagina pero me sale como opcion, y pues yo kiero que salga solo la pagina nadamas
saludos
hermano
Juvinao · octubre 8, 2011 a las 6:39 pm
Chiknaui.Mikistli Joel Molina Reyes no entiendo tu peticion,por favor se mas claro :bobo:
Analia · octubre 10, 2011 a las 7:55 pm
hola quisiera que me ayuden
hice todo lo que dijeron para conseguir la id de facebook, luego lo reemplacé por las XX y finamente lo coloque en mi blog, pero me aparece un error cuando se muestra el blog
coul not retrieve for the especified page…
Ya probe de todo no se como solucionarlo
Gracias
Juvinao · octubre 10, 2011 a las 10:54 pm
Analia no se porque no te funciona seguro haz de tener la id de tu pagina de facebook mal,revisa muy bien y me dices como te va :8S::8S:
El Kalaboso · octubre 19, 2011 a las 5:26 am
grax men…. funciona muy bien
Juvinao · octubre 19, 2011 a las 2:42 pm
El Kalaboso que bueno que te funciona
Anonymous · enero 6, 2012 a las 9:43 pm
sorry he seguido los pasos y me sale el sig mensaaje
Could not retrieve id for the specified page. Please verify correct href was passed in.
Juvinao · enero 7, 2012 a las 1:55 pm
Anónimo es un error temporal de facebook.
Black · enero 12, 2012 a las 4:39 am
La respuesta señores es simple, deben tener el script de facebook puesto en su plantilla de blogger para que el like box funcione.
http://pastebin.com/j7VPYFdw
ahi estan los datos.
visiten mi blog.
El Ocio del Black
Martha Mayorga · enero 13, 2012 a las 2:21 pm
Te interesaría ganar dinero de por vida? yo ya me gano USD$2000 al mes y mis ingresos se multiplican decenas de veces cada mes que pasa. Esta empresa estadounidense te tiene el mejor negocio del siglo 21 y es para todas las edades y estiols de vida!!!
Hecha un vistazo y mira la película flash que te indican al final del sitio.
http://maylevel.ws/
Juvinao · enero 15, 2012 a las 12:17 pm
Black es cierto pero por eso al agregar el codigo que puse hay ya tienes incluido el script de Facebook.
Gracias por aportar a la entrada.
alore67 · enero 24, 2012 a las 8:23 pm
No me funcionó 🙁
Qué podrá ser?
Puedes verlo en Mi Blog,
al parecer está cargando,
pero ya tiene más de 15 minutos así,
ha de estar cansado :s
😉
Juvinao · enero 25, 2012 a las 12:05 am
Ya varios me han informado de este problema vere que pasa con el codigo y si hallo una solucion actualizare la entrada.
SONRISA DE AZÚCAR · enero 26, 2012 a las 12:45 pm
a mi me sale mil gracias
Juvinao · enero 26, 2012 a las 7:49 pm
Que bueno que a ti te sirva para que los demas vean que el truco si sirve.
Micrologic Formació · enero 27, 2012 a las 3:32 pm
A mi no me funciona!! no se si han cambiado alguna cosaa de facebook
Juvinao · enero 27, 2012 a las 4:07 pm
La verdad no se que puede ser.
Mishi Beezus · febrero 1, 2012 a las 3:31 pm
Ok yo entiendo todo exepto una cosa: Donde encuentro esta opcion de Diseño,Elementos de pagina,Añadir gadget,HTML Javascript????
Yo lo que hice fue crear una pagina para mi tienda en Facebook y kiero que la pagina tenga el LikeBox nada mas!!!!!!
HELP!!!!!!!! HELP!!!!! HELP!!!!! Gracias!!!!!
Juvinao · febrero 1, 2012 a las 4:06 pm
Mishi Beezus para agregar el codigo en tu blog debes buscar en Diseño,Añadir gadget,HTML/Javascript y alli pegas el codigo.
Perú a la Carta · marzo 7, 2012 a las 10:49 pm
Hola sorry, pero a mi me pasa exactamente lo mismo, no hay forma de encontrar en mi biografia ese bendito diseño, añadir gadget, HTML…etc, etc, etc. donde esta ubicado gracias.
Perú a la Carta · marzo 7, 2012 a las 10:53 pm
Leyendo todos los comentarios veo que debo abrir un blog en blogger para poder crear un like en facebook!, eso es correcto? no entiendo que tiene que ver blogger con facebook pero igual esto es correcto? gracias por la respuesta!
Juvinao · marzo 8, 2012 a las 3:47 pm
Perú a la Carta es que el like box de facebook se hizo para usarse en paginas webs que tivieran paginas de fans en facebook,asi que si debes crear un blog en blogger.
coke · febrero 3, 2012 a las 12:54 pm
lo puedo poner en modo oscuro?
Juvinao · febrero 3, 2012 a las 2:57 pm
Claro que si pero para eso te aconcejo mejor que pongas el plugin directamente desde Facebook.
Ricardo Alvarado Agapito · febrero 3, 2012 a las 8:56 pm
No se por que pero cuando pongo la url en like box no sale el caudro al costado donde se ve como va ah salir 🙁
Juvinao · febrero 4, 2012 a las 3:11 pm
Ricardo Alvarado Agapito en verdad no se que puede ser,voy a ponerme a la tarea de revisar palmo a palmo el codigo para ver si hay algun error de este.
Anonymous · febrero 21, 2012 a las 4:10 pm
Donde está la opción diseño, elementos de página, añadir gagchet.. dentro de mi fan page en facebooK? porque no lo encuentro
Juvinao · febrero 22, 2012 a las 1:16 am
Amigo como asi no te entiendo,de todas maneras te digo que para encontrar estas opciones debes entrar en Blogger,luego en Diseño,Añadir gadget…
Saludos :winky:
mensajes claro · marzo 1, 2012 a las 7:28 pm
Muchas gracias, me ayudo mucho.
Juvinao · marzo 8, 2012 a las 3:43 pm
mensajes claro de nada gracias a ti por comentar.
Anonymous · marzo 12, 2012 a las 2:14 pm
Hola, gracias por el aporte, te hago una consulta, como hago para que en lugar de que se vea blanco se vea con los colores «dark» que te da facebook?, Gracias
pd: no se donde colocar esto «data-colorscheme=»dark» «
Juvinao · marzo 12, 2012 a las 3:09 pm
Mira para colocar el gadget quede en color oscuro es mejor que obtengas el codigo directamente de Facebook.
Te dejo la URL de donde puedes obtener el gadget en Facebook.
http://developers.facebook.com/docs/reference/plugins/like-box/
Anonymous · marzo 13, 2012 a las 1:20 pm
Gracias por la respuesta, mi problema es que si genero el codigo desde facebook y lo pego en una web HTML, no se me ve, y con el codigo que colocaste SI se ve, la verdad que no entiendo el por que..
Gracias
Juvinao · marzo 13, 2012 a las 3:24 pm
Anónimo facebook da varias opciones de codigo para pegar,para nuestro caso debes escoger el que dice IFRAME y pegarlo en tu web.
Anonymous · marzo 22, 2012 a las 3:58 pm
BUENO YA HE INTETADO TODO LO ANTERIOR PERO SI MI PAGINA YA NO TIENE EL ID Y LO CAMBIE POR UN DOMINIO COMO HAGO PARA AGREGARLO O VER ESE CODIGO
Anonymous · marzo 22, 2012 a las 4:01 pm
HEY EL DEL COMENTARIO ANTERIOR YA LO PUDE HACER GRACIAS PROBADO Y FUNCIONANDO EN UNA PAGINA EXTERNA
Anonymous · marzo 25, 2012 a las 9:48 pm
OLA A TODOS Q ASESM
Emprendimientoshoy · marzo 30, 2012 a las 12:14 pm
Hola…sos mi ídolo !!! después de micho andar…pude poner el like box en mi blog .GRACIAS !!!!! Desde ahora soy tu fans número uno!!!!
Juvinao · marzo 30, 2012 a las 4:01 pm
Gracias amigo por tus hermosas palabras 😎
Director de Fusion Radio on Line · mayo 19, 2012 a las 5:42 am
Buenas noches me pueden ayudar gracias quiero piner LIKE BOX en mi blogg de mi emisora, lo hize con el truco de este foro y me salio error
Could not retrieve id for the specified page. Please verify correct href was passed in. tambien lo genere desde el boton normal de facebook y ay si no me sale nada .. por fa diganme el truquito gracias y de paso escuchen mi emisora es muy buena http://fusionradioonline.blogspot.com
Juvinao · mayo 19, 2012 a las 1:55 pm
Radio Online yo visite tu blog y vi muy bien el like box de Facebook.
Anonymous · mayo 22, 2012 a las 3:57 am
Hola,
Quiero poner un like box en mi web solo que no quiero hacer una pagina en FB, hay alguna forma???
Juvinao · mayo 23, 2012 a las 1:27 am
Esto es imposible amigo 🙁
3r1k · mayo 23, 2012 a las 5:29 pm
como puedo saber el id de mi faceboock por que me sale esto:
https://www.facebook.com/erik.najera.5
porfavor si me pueden hacer un mini tuto aqui escrito
gracias!!!
Juvinao · mayo 24, 2012 a las 2:41 am
El like box es para pagina de fans amigo no para perfiles :zombie:
Juvinao · mayo 24, 2012 a las 2:46 am
Si tienes una pagina de fans entonces mira la URL y los numeros que aparecen al final son la ID de tu pagina.
Y si aun no puedes agregar el like box entonces añadelo directamente con el codigo de facebook.
Dirigete a esta pagina:
http://developers.facebook.com/docs/reference/plugins/like-box/
Y luego de rellenar todos los campos pegas el codigo IFRAME en un gadget.
3r1k · mayo 24, 2012 a las 6:46 am
GRACIAS MAN ES K SI YO ANDABA CONFUNDIDO PERO YA PUSE UN ID DE UNA PAGINA K TENGO DE FB Y TODO PERFECTO GRACIAS
Juvinao · mayo 24, 2012 a las 12:46 pm
A pues que bueno amigo que ya lo hayas logrado 😀
Anonymous · junio 6, 2012 a las 4:40 pm
Hola’ No Se Donde Es Que debo Agregar El Nick 🙁 Me Ayudas !!
Juvinao · junio 7, 2012 a las 3:01 am
No es el nick es tu ID y lo debes agregar donde estan las XXXXX
Mambobilia · junio 18, 2012 a las 12:14 am
Hola, lo pude instalar pero se ve cortado por la mitad. Qué puede ser??? Gracias.
Juvinao · junio 23, 2012 a las 7:34 pm
No lo se,pero puedes editar el tamaño del likebox en el atributo width=»225″
norberto almaraz avila · julio 2, 2012 a las 5:04 am
la url de mi pag de face no tiene ningun numero de serie…. como lo consigo?
Juvinao · julio 2, 2012 a las 8:06 pm
Te recomiendo que lo añadas directamente desde facebook.
Edinson Rodriguez · agosto 9, 2012 a las 11:10 pm
Juvinao Lo He Echo Como Vos Dice y Sale El Cuadrito Del Like Box Pero Con Problemas Ayudame Que Lo Necesito
Edinson Rodriguez · agosto 9, 2012 a las 11:13 pm
Juvinao Lo He Echo Como Vos Dices y Como Lo Muestras y No Me Funciona Sale El Like Box Pero Con Problemas Ayudame Que Necesito El Like Box Por Favor
Juvinao · agosto 10, 2012 a las 7:22 pm
En que blog pusistes el likebox de Facebook 😕
O porque mejor no lo agregas con el codigo que proporciona Facebook. 😎
Edinson Rodriguez · agosto 10, 2012 a las 12:20 am
Javinao Ami Direccion De Pagina De Facebook Le Coloque Numeros Aver Si Me Salia El Like Box Bien Asi Como Le Dijistes Norberto y Nada De Nada Estudia Esa Aplicacion Aver y Mira Cual Es El Problema Del Like Box
Anonymous · septiembre 19, 2012 a las 11:14 pm
holssoy el chico anonimo
javier hernandez · septiembre 28, 2012 a las 2:32 am
no me funciona amigo.!!! no encuentro ese ID del que hablas.. ayudame bro a mi solo me aparece asi SeriestvHonduras?skip_nax_wizard=true ese es el ID que me aparece a mi
Juvinao · septiembre 29, 2012 a las 9:37 pm
Javier cual es la URL de tu pagina de fans?
Johanny Rodriguez · octubre 2, 2012 a las 3:46 am
Hijo mio, muchas gracias!!!
Dios te bendiga!!
Juvinao · octubre 2, 2012 a las 3:09 pm
Johanny gracias por las bendiciones y que Dios te bendiga a ti tambien 😛
Dreamer · marzo 30, 2013 a las 1:45 pm
Hola , gracias por la explicación. Tengo un problema en mi página, lo puse pero no me sale como a usted que le sale el recuadro busquenos en facebook y ya esta. Me sale mas cuerpo con las entras de mi pagina y tal. Vamos que no me gusta. Yo quisera uno igual al suyo.
Gracias de nuevo
Hayder Juvinao · marzo 31, 2013 a las 3:46 pm
Amigo puedes usar el código oficial de Facebook.
LoverBoutique · abril 13, 2013 a las 1:20 pm
No encuentro mi fanpage en los buscadores de facebook. Alquien sabe a qué podría ser debido?
eva
http://loverboutique.net/
http://loverboutique.net/blog/
jorje lopez · julio 10, 2013 a las 2:09 pm
http://noticiasaldiala24hora.blogspot.com/
Anonymous · agosto 23, 2013 a las 11:08 pm
esta pagina es la mejor
Anonymous · agosto 23, 2013 a las 11:12 pm
esto es lo mejor q hay me encanta la pagina wed 😉 :money: :love:
Diseño web · octubre 16, 2013 a las 4:46 pm
Buen artículo, justo lo que andaba buscando. Gracias. Un saludo.
Goreblast · octubre 30, 2013 a las 3:49 pm
Disculpa pero no consigo agregarlo a mi blog, no encuentro la manera de sacar el ID de mi página de Facebook es: https://www.facebook.com/ShiNoKakaku