63

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.

Me gusta Facebook

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".

Modificar página en Facebook

[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.

Entradas Relacionadas:

63 comentarios:


Vanessa

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

Montse León

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/

kiras

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... :(

ANRAFERA

Muy interesante. Gracias. Saludos.

Carlos

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.

Chema García

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!!

Wilmer Antonio

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

krys

Gracias! Aquí siempre encuentro lo que necesito ^^
Me pasaba lo mismo que a Vanessa, pero con lo de Carlos ya está solucionado.

Saludos!

Rosa

Vanessa Mira en el comentario de Carlos, exactamente es esa respuesta la correcta.

¡Gracias Carlos! :D

Rosa

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.

El Mago

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/

El Mago

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.

Rosa

Wilmer Antonio En una nueva lo he comprobado con Firefox (ultima versión) y yo lo veo sin problemas.
http://cocinaparatodos-rosa.blogspot.com/

Rosa

El Mago No que yo sepa... el script lo controla facebook directamente.

Malina

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

© ۞Jair Octavio۞

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...

REBECA

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

Patricia Pérez Miguel

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.

CHINGUARRIO

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

Rosa

CHINGUARRIO Esto es para la página de fans en Facebook, la página personal o de perfil es otra cosa.

Rosa

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>

Rosa

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

Miguel Ángel Vázquez Vera

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.

Malina

Tienes toda la razón Rosa! no hay caído en ello :o

Graciasssss!!

MAURO

Una consulta Rosa:
Se puede instalar este slider en blogger??
http://www.progressivered.com/cu3er/

Rosa

Miguel Ángel Vázquez Vera Lo único que me ocurre es que reduzcas la imagen a 700 pixeles, como el ancho de la entrada.

Rosa

MAURO Ni idea, lo siento.

Vanessa

Gracias Carlos, me funcionó.

RD-JUEGOS

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

ZKJ DISEÑOS DIGITALES

Como siempre...excelente dato...Gracias Rosa

Dr.Gerald

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.

Rosa

Dr.Gerald Tu si que eres excelente :D Un encanto de persona. ¡Gracias!

Asangar

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... :-((

Rosa

AsangarY es que así es... ahí se muestran quienes han dado al "me gusta"... ¿o he entendido mal que quieres decir? :O

Bryan

Increible grax me salvo el problemon que tenia uno pero me dejaba un gran espacio en blanco :S pero grax de todas formas ..

SelvaNet

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

VIRTUAL FM

fuaaaa no entiendo!, quiero poner el fan box!, se me re parte la cabeza!

Rosa

VIRTUAL FM Pues es leer y aplicar...:O

Sharinganuzumaki

qe tal :)
bueno yo intente hacerlo
pero no me aparece la opcion
de "modificar pagina"
qe puedo hacer ????

Rosa

Sharinganuzumaki Tiene que estar... siempre que accedas a FB desde tu cuenta claro.

Soldierdrake

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

Rosa

Soldierdrake ¡Muchísimas gracias! :F

Sharinganuzumaki

@Rosa


ya esta!!, gracias jee
es qe tenia qe qrear una pagina
y eso era lo qe me faltaba jejeje :P

Sumpall

Excelente...me funcionó muy bien.Gracias :)

NEWEN.LIWEN

hola rosa. he tratado de buscar esa opcion de MODIFICAR PAGINA y no la encuentro en el facebokk

Rosa

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.

Pura Megda!!!!!!

gracias por todo me sirvio mucho aparte de otras pagina adios y gracias visita mi blogger
www.puramegda.blogspot.com

Ana María Balarezo Balarezo.

Muchas gracias!! Excelente dato!! Ya lo puse y me funcionó perfecto.. Espero siga asi

Admin[Joan]

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/

Planifica tus Viajes

Muchas gracias, me fue perfecto para mi blog. Saludos.

Miguel

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.

Rosa

Miguel Pues no, que yo sepa. :(

Amor a la vida

muchas gracias, me ha funcionado :)

Sylvanoon

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.

Rosa

Sylvanoon Pues no, no puede cambiarse.:(

Alicia

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*

Rosa

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.

Alicia

jejejeje yo tapadita como siempre :P bueno gracias nuevamente :D

Mariela Marianetti

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

La voz suave del mar

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/

Rosa

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...

La voz suave del mar

Pero tu no ves arriba un iconito cargandose? :S

Rosa

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 en la entrada

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.

:) :(( :( :P :D :$ ;) :I :X :O |O :S