Añadir directamente el "Fan Box" de Facebook
Veíamos en una entrada anterior como crear una página de fans en Facebook para el blog.
En el último paso de esa entrada, se explicaba como añadir desde Facebook un "Fan Box", es decir, el gadget que muestra nuestros seguidores de allí en la sidebar de nuestro blog.
Bastantes personas me han reportado diferentes problemas al tratar de añadir el gadget desde Facebook a su blog, de hecho yo misma he tenido problemas al hacerlo en algún blog.
Comparto con vosotros en esta entrada la forma que he encontrado para añadirlo en algunos de mis blogs y que, hasta ahora no me ha dado ningún problema.
[1] Desde Diseño añadimos un nuevo 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.
¿Como averiguo la id de mi página en Facebook?
[1] Accedemos a nuestra página de Facebook.
[2] Nos situamos en la parte que muestra nuestra imagen y pinchamos en "Modificar página".
[3] 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=285635029327
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 "Fan Box" sustituyendo a las XXXXXXXXXXXX.
Vitua Radio
Foro SpamLoco
Seguir el Escaparate
63 comentarios:
Rosa, hecho. Me salió, jajajajaja. Perfecto. Pero no me sale cuadrado, es decir, al final se me corta. ¿Cómo lo hago más pequeño?
Mi blog es www.elmayortesorodelmundo.blogspot.com
Hola Rosa, yo tengo una página mía en Facebook y otra para el blog. Cuando intento ponerlo, siempre me sale el panel de la mía, no puedo hacerlo con la página del blog, lo he intentado varias veces pero nada.
Te dejo el blog para ver si puedes darme una solución. Muchas gracias de antemano!!
http://montse55.blogspot.com/
hola rosa muy buen tuto te queria preguntar hace unas horas le paso algo a mi plantilla y solo a esa x que tengo varios blog , al final de la pagina no se ven los widget que coloco se ve en blanco donde tu tienes las ultimas entradas top comentaristas la parte de abajo no funciona pongo widged y no funciona no se que hacer y no la he tocado que puedo hacer aver si me das algun consejo... :(
Muy interesante. Gracias. Saludos.
Vanessa
A mi me ha pasado lo mismo, y lo he arreglado poniendo una altura despues del ancho, de forma que quedaría algo así:
width="225" height="400"
Rosa, muchas gracias por el código.
Gracias por el truco. Es muy bueno yo tenía puesto el enlace directo desde facebook que te dan la posibilidad con fb stático pero así está mucho mejor la verdad. Muchas gracias. Un saludo!!
Interesante tu gadget, Rosa. Aunque el otro no me ha dado problemas, decidí probar este con una de las nuevas plantillas de blogger y no aparece en Mozilla Firefox, pero si en Chrome, no probé con Explorer.
Gracias
Gracias! Aquí siempre encuentro lo que necesito ^^
Me pasaba lo mismo que a Vanessa, pero con lo de Carlos ya está solucionado.
Saludos!
Vanessa Mira en el comentario de Carlos, exactamente es esa respuesta la correcta.
¡Gracias Carlos! :D
Montse León Si usas este sistema no veo porque ha de salir la tuya, si incluyes la id de la página y no la del perfil.
Muy bueno, yo ya lo habia implementado y se ve muy bien.
Solo tengo una pregunta: ¿Es posible modificar los atributos de ese widget? como por ejemplo que el nombre de los fans sea de otro color, o que le fondo no sea transparente.
bueno, aca mi blog: http://ingenieriausac.blogspot.com/
jajaja, ya casi me iva sin agradecer, no solo por esto sino por toda la info que proporcionas, me ha servido de mucho a lo largo de esta mi aventura con el html y css.
Gracias.
Saludos y Exitos.
Wilmer Antonio En una nueva lo he comprobado con Firefox (ultima versión) y yo lo veo sin problemas.
http://cocinaparatodos-rosa.blogspot.com/
El Mago No que yo sepa... el script lo controla facebook directamente.
hola wapa!
en busca de tu ayuda nuevamente :)
Uso el sistema de entradas reducidas con miniaturas siguiendo tu sistema http://elescaparatederosa.blogspot.com/2009/07/leer-mas-con-miniatura-de-imagen.html
pero necesitaría que algunas entradas se mostrasen enteras, sabrías decirme si sabes como hacer eso? o lo puedes investigar?
Besossssssss
Hola Rosita, cambie a este widget y es mejor, es que el otro es grande o pues es cuestion de de gustos, ambos tienen lo mismo, pero lo que me falto ya lo corregi, te acuerdas que se miraba todo negro, lo que me falto es eso que explicas al ultimo de copiar la ID desde la URL y yo le ponia mi terminacion (por que ya lo habia corregido) pero al fin le puse los numeros y si quedo, salu2 y mil gracias...
Gracias Rosa, eres de gran bendiciòn para muchas personas, y ademàs Dios te ha dado mucha sabidurìa, bendigo tu vida, la verdad se me habia borrado el facebook del blog y no sabia como colocarlo, nuevamente mil gracias
Rosa querida, te hago una consulta.. algo urgente.
En mi blog: www.theenglishyouneedblog.blogspot.com
por algún motivo la sidebar que siempre estaba a la izquierda del main, ahora esta abajo de todo... y no se porque... que puedo hacer?¿ estoy muy preocupada.
LA VERDAD ROSA QUE NO ENCONTRE EN MI FACEBBOK "MODIFICAR PAGINA" NO SE DONDE SE ENCUENTRA PARA HALLAR EL ID DE MI CUENTA, AYUDAME POR FAVOR
CHINGUARRIO Esto es para la página de fans en Facebook, la página personal o de perfil es otra cosa.
Patricia Pérez Miguel Pues creo que el problema es la imagen de bienvenida, la de la profe...
Elimina todo el código que has puesto para mostrarla y cámbialo por este que he "limpiado" de códigos innecesarios y que creo son los que tiran la sidebar:
<img src="http://media.bigoo.ws/content/gif/peoples/peoples_367.gif" />
<p><b>Teachers open the door. You enter by yourself. Chinese Proverb.</b></p>
MalinaTe respondí en la entrada del "leer más" es mejor para todos seguir en el hilo correspondiente, más para mi que lo tendré más fácil si alguien pregunta sobre lo mismo...
http://elescaparatederosa.blogspot.com/2009/07/leer-mas-con-miniatura-de-imagen.html
Rosa te escribi un sms pero me parece que no lo viste, te lo repito aquí, a ver si puedes ayudarme que ando desesperado
Tengo una duda respecto a las cajas de texto. he encontrado en una página una caja de texto con scroll, justo lo que quiero y verás porque...
Tengo un dibujo que ocupa así como dos metros y medio por 14 cms. Al escanearlo, y unirlo de nuevo con photoshop se me queda un archivo tan grande que sólo me deja guardarlo como raw, es por ello que tengo que partilo y guardarlo en 4 o 5 partes en jpg. Bien, lo que tenía pensado es colocar una caja de texto en una entrada de blogger. Mi entrada tiene un ancho de 700 px, por lo que pensaba crear la caja de texto con ese ancho y con la altura de los archivos, de formas que pudieses ir haciendo scroll y viendo todo el dibujo de forma horizontal con mucha más comodidad. Todo va bien, lo único que no consigo hacer es que las imágenes se queden una detrás de otra de forma horizontal, es decir, que cuando meto mas de una imagen automaticamente se me queda abajo de la anterior, a pesar de estar dentro de la caja de texto....
¿Cómo crees que podría solucionarlo??
(Cómo ya te digo, el scrool funciona perfectamente tanto horizontalmente como verticalmente, lo único que no consigo es que las imagenes queden alineadas de forma horizontal.
Tienes toda la razón Rosa! no hay caído en ello :o
Graciasssss!!
Una consulta Rosa:
Se puede instalar este slider en blogger??
http://www.progressivered.com/cu3er/
Miguel Ángel Vázquez Vera Lo único que me ocurre es que reduzcas la imagen a 700 pixeles, como el ancho de la entrada.
MAURO Ni idea, lo siento.
Gracias Carlos, me funcionó.
vale creo que ya me respondiste en este post, jaja olvida el otro comentario q deje en el otro post eres grande wao.... besotes para ti mami
Como siempre...excelente dato...Gracias Rosa
Rosa eres exelente, a veces me pregunto que seria de nosotros sin ti, sabes exactamente lo que los usuario necesitamos, eres exelente muchas gracias de verdad.... aunque a veces cargamos tanto en blog con los datos que se nos hace dificil modificar algo que ya hemos modificado, pero nos vasta con volver a tu pagina y buscar como revertir lo anterior y listo.... gracias de nuevo y Dios te bendiga.
Dr.Gerald Tu si que eres excelente :D Un encanto de persona. ¡Gracias!
Hola Rosa! Lo he hecho todo al pie de la letra pero se me ha insertado un like box con las fotos de la gente que le ha dado al boton (en el código que inserto, o sea el tuyo, aparece fan conection)... no entiendo nada... :-((
AsangarY es que así es... ahí se muestran quienes han dado al "me gusta"... ¿o he entendido mal que quieres decir? :O
Increible grax me salvo el problemon que tenia uno pero me dejaba un gran espacio en blanco :S pero grax de todas formas ..
Intentaba hacerlo con ayuda de otros blogs pero la neta que no me connecia el resultado. Mientras siguiendo tus pasos salió a la perfección .... saludos desde perú !!! haber si te das una vueltika por el blog .... muchas gracias :):D
fuaaaa no entiendo!, quiero poner el fan box!, se me re parte la cabeza!
VIRTUAL FM Pues es leer y aplicar...:O
qe tal :)
bueno yo intente hacerlo
pero no me aparece la opcion
de "modificar pagina"
qe puedo hacer ????
Sharinganuzumaki Tiene que estar... siempre que accedas a FB desde tu cuenta claro.
hola rosa, sigo tu pagina desde hace buen tiempo ya.. de hecho gran parte del diseño de mi blog es gracias a tus consejos, en agradecimiento agregé un banner 125x125 permanente de tu sitio en mi blog.. sigue asi.
me gustaria te echaras una vuelta por mi modesto blog a ver que te parece www.guatafak.co.cc
Soldierdrake ¡Muchísimas gracias! :F
@Rosa
ya esta!!, gracias jee
es qe tenia qe qrear una pagina
y eso era lo qe me faltaba jejeje :P
Excelente...me funcionó muy bien.Gracias :)
hola rosa. he tratado de buscar esa opcion de MODIFICAR PAGINA y no la encuentro en el facebokk
NEWEN.LIWEN Esto es solo para las páginas de fans... en la página normal personal no verás esa opción... por si acaso estás tratando de hacerlo ahí te digo esto.
gracias por todo me sirvio mucho aparte de otras pagina adios y gracias visita mi blogger
www.puramegda.blogspot.com
Muchas gracias!! Excelente dato!! Ya lo puse y me funcionó perfecto.. Espero siga asi
Rosaa muchísimas gracias por tus truquitos yo soy un novatiIIo en esto y con Ia ayuda de vosotros nos dejais adentrarnos a esto mas faciI y cómodo.:D
Aquí te dejo mi BIogg que trata de ayudar a gente jóven como yo a buscar trabajo, aun tengo que dar repasito a Ias entradas y añadir más pero me seria de gusto que Ie hecharas un vistazo y me dijeras aIgun consejo jeje
http://quierotrabajarrr.blogspot.com/
Muchas gracias, me fue perfecto para mi blog. Saludos.
Hola de nuevo jefa!!!
Me acabo de crear una página en facebook. Aún no he añadido ni foto de perfil ni nada... Pero ya la he vinculado a mi blog y ha salido bien.
He puesto esta "Fan Box" que sugieres, pero tengo un problema de diseño: Mi blog tiene un fondo negro y la caja sale blanca.
¿Se puede cambiar el color para que esté más acorde con el diseño del blog? Es que así no me gusta...
Gracias por todo.
Miguel Pues no, que yo sepa. :(
muchas gracias, me ha funcionado :)
Muchísimas gracias por el tip, Rosa. Sólo una cosa: ¿no sería posible cambiar los colores del fan box? No tengo ni un poco de azul en mi blog, así que no combina.
Sylvanoon Pues no, no puede cambiarse.:(
Hola Rosa...! nuevamente por aqui... jejeje espero que estes bien :)
Ahora que estoy de vacas, me he pasado por tu blog a ver que "invento" con mi Blog jejeje y bueno, con respecto a este tema, sabes que antes de un tiempo habia cambiado el link de mi Facebook ... o sea, le coloque "Y1nZh3ng" y al darle a mi perfil de Facebook sale
http://www.facebook.com/Y1nZh3ng
y no me salen esos numeros porque ya los habia cambiado anteriormente jejeje y ahora que Facebook cambio un poco, no veo la opcion que dices:
[1] Accedemos a nuestra página de Facebook.
[2] Nos situamos en la parte que muestra nuestra imagen y pinchamos en "Modificar página".
:( ahora no se que hacer, le coloque el link completo y solo la parte que dice "YinZh3ng" y no me sale el cuadro... espero que me puedas ayudar, un beso! ;)
*Salu2*
Alicia Hablamos de páginas para promocionar un blog en Facebook por ejemplo, no de tu página personal... de esta no es posible añadir el gadget.
jejejeje yo tapadita como siempre :P bueno gracias nuevamente :D
Gracias Rosa. A mi me sucedía lo mismo que a Vanesa, leí lo que dijo Carlos y lo hice, igual parecía no tener raya abajo, así que modifiqué el número 22 que queda entre comillas, pues presumí que son las fotos de los fans que se muestran y la cambié por seis. Ahora me quedó prolijo. Gracias
He insertado este script y cuando está todo me sale un icono de cargando y abajo el script, muy raro, mi blog es:
http://macuisineparticulier.blogspot.com/
La voz suave del mar Yo veo el fanbox en tu blog... quizá antes te pasaba porque no había ningún fan, ya que ahora veo que te has hecho tu misma...
Pero tu no ves arriba un iconito cargandose? :S
La voz suave del mar Si, perdona... ni me había fijado en eso...:$
Algo no está bien ahí... yo trataría de eliminarlo todo y volver a colocarlo de nuevo...
Publicar un comentario
Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).
Los comentarios están siendo moderados.
Comentar con el formulario antiguo