Añadir Fan Box de Facebook a tu Blog

 Como ya hemos visto en otra entrada de este blog cómo crear páginas de Facebook para tu Blog, ahora les enseñaré como colocar Fan Box de nuestra página de fans en el blog y así promocionarla allí. 

Es muy sencillo, aunque yo traté de hacerlo más sencillo aún para que no tengan que hacer cosas complicadas.

Vamos a Diseño > Elementos de la página y pulsamos en Añadir un Gadget. Elegimos la opción HTML/Javascript y pegamos el siguiente código:


<center><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="8" width="244" profile_id="xxxxxxxxxxxxxxx" stream=""></fb:fan></center>


Donde están las xxxxxxxxxxxxxxx colocamos el ID de nuestra página de Facebook. Éste lo podemos obtener entrando a la página y observando su url:



Ahora tendremos la Fan Box de nuestra página de Facebook agregada al blog, tambien puedes probar el Fan Box de Twitter

Nota:  Si este gadget no te funciona, entra directamente en esta pagina agrega la direccion de tu pagina de facebook, selecciona el tamaño y haga click en "Get Code", copias el codigo y lo pega en tu blog como un gadget nuevo.

Un saludo y espero que les haya sido útil este articulo para Añadir Fan Box de Facebook en tu Blog y sigues visitando GadgetsBlogger.com para mejorar tu Blog.

Compartelo!:

60 comentarios:

  1. gracias pana buena pagina me a servido de ayuda esta es m pagina grandes misterios por jesus cordero espero que me sigas

    ResponderEliminar
  2. Anónimo17:46

    muy bueno el blogg,,yo tb tengo un blog http://fabriymale.blogspot.com

    ResponderEliminar
  3. Anónimo21:31

    hola mira q me salio Plugin cannot be rendered with the specified parameters

    ResponderEliminar
  4. A mi no me sirvio... salio Plugin cannot be rendered with the specified parameters

    ResponderEliminar
  5. muy bueno este gadgets del facebook felicitaciones fue muy utile para mi blog http://povoamericano.blogspot.com gracias

    ResponderEliminar
  6. Mirad que buen blog para seguir las ventas privadas en el momento, de diferentes portales venta privee, privalia...
    http://socialshoppingblog.blogspot.com/

    ResponderEliminar
  7. Te mereces otro comentario les dejo est blog de musica cristiana de todo tipo para descargar y gratis http://musicacristiana-free.blogspot.com/

    ResponderEliminar
  8. no entendi :Z lo hice pero no me funciono :?

    ResponderEliminar
  9. Pucha no puedo ponerlo :S es que no me aparece ningun numero en el link de mi facebook u.u

    ResponderEliminar
  10. Saludos!! Buenisima tu descripción *-* Tal vez no te entendi bien pero cuando entre a la cosa de gadgets no me salio nada de html asi ke asumi ke tenia ke ir al editor html.

    Bueno ahi no se donde pegar el codigo para ke salga en la barra lateral donde kiero ke aparezca. Al menos lo logre poner hasta abajo del blog en la columna principal XD Si me pudieras ayudar te agradeceria muchisimo.

    ResponderEliminar
  11. Hehehe haz caso omiso de mi comentario anterior, ya lo encontre.

    Excelente tu aporte y muy util!!
    Gracias ^_^

    ResponderEliminar
  12. Muchas, gracias lo habia intentado hacer desde hace un buen tiempo y me acorde de tu blog gracias
    sigue asi

    ResponderEliminar
  13. ya lo hice hace algun tiempo y se genial ...http://mujeres-bolivianas.blogspot.com/

    ResponderEliminar
  14. Amigo no entiendo eso de buscar el codigo en el Facebook! Donde lo encuentro?

    ResponderEliminar
  15. Hola J Antonio ,buscar el codigo no ,ver el ID de tu página de Facebook , este es el id de mi pagina de facebook y copiar los ultimos numeros y pegarlo en el codigo de arriba ,mira este es mi id de facebook :http://www.facebook.com/pages/GadgetsBloggercom/200788919965700 .Un saludo

    ResponderEliminar
  16. Una vez que ya tengo el gadget puesto en el blog me sale el siguiente mensaje: Could not retrieve id for the specified page. Please verify correct href was passed in. ¿Qué puedo hacer para que funcion?

    ResponderEliminar
  17. Hola Eva Gonzales ,puede que el ID de la pagina de Facebook no es bueno ,o que no lo has colocado bien ,intenta colocar otra vez el ID corecto .Un saludo

    ResponderEliminar
  18. esta bueno pero si quiero el boton de la f sola??? pasate por mi blog mymaternidad.blogspot.com

    ResponderEliminar
  19. Hola Authora ,en los proximos articulos ,te promito que voi a publicar uno con el boton de facebook ,Un saludo

    ResponderEliminar
  20. A mí esto del facebook no me funciona =( Estamos intentando promocionar nuestro blog asi que aqui os dejo la direccion:http://15anerasdemalaga.blogspot.com/
    Visitadlo y seguidnos porfiii

    ResponderEliminar
  21. ME HA SERVIDO MUCHO GRACIAS...

    AUN NO CONOCEN MI EXTRATERRESTRE????

    MY BLOG DE RELATOS, VIDEOS E HISTORIAS CON UNA PERSPECTIVA UN TANTO COOL!! SIGUEME!!

    htt://miextraterrestre.blogspot.com

    ResponderEliminar
  22. Hola a a todos y al master de la pagina quisiera saber si puedes poner una forma mas facil de poner el Plugin Facebbok Social al Facebook es ese plugin donde la gente comenta atravez de su face

    ResponderEliminar
  23. Hola ElDiarioDeZiurs en esta pagina te dejo el plugin de Facebook de los comentarios ,despues de que lo ajuste a tu favor para instalarlo pincha en iframe y el codigo que sale pegalo en tu blog donde quieras como un gadget.Un saludo espero que te sirve

    ResponderEliminar
  24. Could not retrieve id for the specified page. Please verify correct href was passed in.

    Hola a todos a mi tampoco me sirvio,esto es lo que me sale y mi numero de id de facebook esta bien,en fin,al menos lo hemos intentado.

    ResponderEliminar
  25. Hola David ,bamos aclarar las cosos no tiene que ser el ID del perfil de facebook,tiene que ser el ID de tu pagina que has creado en facebook para tu blog ,mandame la pagina del facebook que has puesto para ver si es la misma pagina como la mia :http://www.facebook.com/pages/GadgetsBloggercom/200788919965700 .Asi tiene que ser la pagina mas o menos.

    ResponderEliminar
  26. como hago la url de mi pagina de facebook no tiene numeros es asi:
    http://www.facebook.com/Nicaraguamaddsongs

    ResponderEliminar
  27. Hola Djglue1, este url es la url de tu perfil de facebook no de la pagina de fans de facebook, lee este articulo para ver como puedes crear una pagina de fans de facebook.

    ResponderEliminar
  28. Muchísimas gracias. Muy útil!!!

    ResponderEliminar
  29. Para empezar un afectuoso y cordial saludo y mis mas expresivas gracias por todo su esfuerzo para ayudarnos.
    Lo que sigue mi direccion de facebook se lee asi:
    https://www.facebook.com/CUBA2009, no tiene ningun numero, en una ocacion vi un numero que crei que era el ID lo use y me salio lo siguiente:

    Could not retrieve id for the specified page. Please verify correct href was passed in.

    Esta es la direccion de mi blog:
    http://paginacondiostodosinelnada.blogspot.com/
    Digame que puedo hacer,Mil gracias por adelantado.

    ResponderEliminar
  30. hola enorabuena por todo el contenido tan buen que tienes en el blog,llevaba yo tiempo buscando la cajita esta de fan,lo que encontraba estaba en ingles.Y el papá noel ya lo tengo también por mi blog subiendo y bajando,jejejeje,felices fiestas cómpi y a todo tus lectores

    ResponderEliminar
  31. Hola, muy buenas, soy Trollencio, y sigo muy amenudo esta página (me ayuda muchísmo) pero cuando pongo el ID (no se si es el numero solo, o la página entera), pongo el blog, y está todo el rato cargando, y al final no pasa nada. Por favor, necesito ayuda, muchas gracias.

    Mi blog: http://frikisfrikiseverywhere.blogspot.com/

    ResponderEliminar
  32. Anónimo18:06

    Muy buena info gracias


    http://www.codigoslinux.com/

    ResponderEliminar
  33. no me sale nada de HTML/javanoseqvaina solo algo de agregar por URL q hago?? de verdad quiero este gagdet ;( mandame un mensaje a gbaron08@hotmail.com explicandome por favor!!

    ResponderEliminar
  34. como se cambia el tamaño?

    ResponderEliminar
  35. AMIGOS VISITEN MI BLOG Y SEAN MIEMBROS Y LOS NOMBRARE ADMIN ENSERIO ESTE BLOG ES DE MI COLEGIO HERMOSO QUE ESTA EN COLOMBIA EN EL DEPARTAMENTO DE CÓRDOBA Y EN EL MUNICIPIO DE PLANETA RICA VISITENLO:
    http://9-02candelaria.blogspot.com/

    ResponderEliminar
  36. bkan !!! pero kita las palkabras para robots por fa eso aburre para dejarte un coment!! pero chevere al fin entendi como chu.. se hace!!

    ResponderEliminar
  37. Anónimo08:11

    Gracias por la aportacion. Lo he añadido a mi blog y funciona correctamente. http://lasgalletasdecarlota.blogspot.com

    ResponderEliminar
  38. Buenas! Tu artículo está muy interesante, pero hay un problema con el tema del ID, y es que ahora que está la biografía, en la dirección de las páginas no aparece el número. Por lo tanto... Supongo que habrá que buscar otro modo, ya que introduciendo el nombre de la página no sirve (era obvio, pero lo probé por si acaso) xD.

    ResponderEliminar
  39. HOLA NO ME FUNCIOna poner este gadget........este es mi link.....http://candyvalera.blogspot.com

    ResponderEliminar
  40. Muchas gracias!! ;) Una pregunta, cómo se puede hacer la caja más pequeña??

    ResponderEliminar
  41. @ Hola Sonia, para cambiar el tamñao de la caja, solo tiene que cambiar el nr que lo tiene esta parte del codigo : width="244" .Un saludo y espero que te sea util

    ResponderEliminar
  42. Gracias, me resultó de una, te felicito y gracias nuevamente. Pude modificar el ancho pero no el alto, me ayudas?. Si no, Gracias de todas formas. que quedó filete en la página. Gracias nuevamente.

    ResponderEliminar
  43. @ Hola Portal Cabrero, tambien se puede modificar el alto pero no en este gadget, si quieres modificarlo tienes que entrar en la pagina de facebook y sacar de aqui un nuevo gadget con el tamaño que tu quieras.Un saludo

    ResponderEliminar
  44. Espe15:40

    No me sale nada!!!!!

    ResponderEliminar
  45. si no veis el numero del id cuando esteis en vuestra pagina de face dadle a configuración y y ya os saldra el numero en el url

    ResponderEliminar
  46. Hola Emma Cano Roland, gracia por ayudar a nuestros usuarios.Un saludo desde Gadgets para Blogger

    ResponderEliminar
  47. Gracias por la ayuda,muy buena esta web y de gran ayuda para mejorar nuestros blogs.

    ResponderEliminar
  48. Hola, me podías ayudar? es que me desapareció y no se por qué.
    Mi blog es éste:
    http://letrasquesemueven.blogspot.com.es/

    y la dirección de mi pagina de Facebook :
    https://www.facebook.com/pages/LetrasQueSeMueven-Manu-LF/248572851834116


    He probado con el que pones en aquí y es igual que el que tengo, se me queda igual, un recuadro en blanco.
    Espero tu respuesta y te doy las gracias por tu atención.

    ResponderEliminar
  49. NO PUEDO ENCONTRAR EL ID DE MI FACEBOOK ME AYUDAN ??? http://www.facebook.com/javier.fajardo.77715

    ResponderEliminar
  50. Cristina15:05

    Gracias por la info. Ya conseguí añadir la Fan Box, pero aparece centrado debajo de las entradas. ¿Cómo puedo cambiarlo a la barra lateral derecha?
    ¡Muchas gracias!

    ResponderEliminar
  51. hola
    yo me cree una pagina de facebook por comunidad ,osea no por artsta,fan,trabaj etc y no me salen los numeros?prque razon?
    http://mundosobrenatural2012.blogspot.jp/

    ResponderEliminar
  52. Hola amigo Mundo Noticias, ya no hace falta usar este codigo, directamente desde facebook lo puedes obtener, solo tiene que entrar en esta pagina de facebook

    , hacer clin en "Like Box" pega tu direccion de pagina de facebook y despues ya puedes obtener el codigo pinchando en "Get Code".Un saludo , espero que te sea de utilidad

    ResponderEliminar
  53. Anónimo08:37

    gracias por la ayuda,esta muy bien explicado.un saludo.visitame

    http://disfruta-ayuda-comparte.jimdo.com

    ResponderEliminar
  54. HOLA ESTIMADO MUY INTERESANTE LA PAGINA CONSULTA:

    DESPUÉS QUE ME APARECE LA LIKE BOX EN MI BLOG HAY UNA SECCIÓN DONDE ESTA EL BOTÓN DE ME GUSTA. PARA COMPROBAR QUE SIRVE CON UNA CUENTA LE PUSE ME GUSTA, LUEGO DE ESO PIDE QUE SE CONFIRME, AL PRESIONAR CONFIRMAR LAMENTABLEMENTE ME LLEVA A UN RECUADRO QUE DICE NO ENCONTRADA LA PAGINA. SIN EMBARGO CUANDO SELECCIONO LA PALABRA DE MI FANSPAGE LA ENCUENTRA.

    ME PODRÍAS AYUDAR CON EL PROBLEMA DE CONFIRMAR.

    INTENTE CON DOS FANSPAGE UNA CON EL ID PARA BUSCARLO EN CONFIGURACIÓN( LO CUAL FUE COMPROBADO QUE ERA CORRECTO) Y UNA CON EL ID CUANDO ENTREGAN LA PAGINA AL COMENZAR.

    ResponderEliminar
  55. cuando inicio facebook no me sale la ID

    ResponderEliminar
  56. Anónimo11:27

    No funciona, no puedo agregarlo y me redirige a otra pagina q no tiene nada que ver con mi pagina de face.

    ResponderEliminar
  57. Si este Gadget no le funciona, por favor entra directamente en la pagina de facebook y selecciona el codigo del fan box que quieras que aparezaca en su pagina. Saludos

    ResponderEliminar
  58. Gracias por tan valiosa información, había buscado y nada me funcionaba hasta ahora. Por cierto les invito a visitar mi blog!!

    ResponderEliminar
  59. buenos dias soy nuevo no se en que lugar del html de mi blog ponerla me podrian pasar un tutorial

    ResponderEliminar

- Antes de hacer una consulta (pregunta), por favor utiliza el Buscador.

- Por favor, cualquier otra pregunta que tengas, la puedes hacer en la entrada correspondiente.

- Haremos todo lo posible por responderte o acusarte recibo antes de 24 horas. A veces, podremos hacerlo, otras veces no será posible, y nos tomará un poco más… ten paciencia.

- Los comentarios que a mi criterio se escriban solo para dejar un enlace o un link seran eliminados.

- ¡Muchas gracias por comentar o por preguntar!