Es tedioso comenzar a hacer Social Media, Networking, Promocion en redes sociales (como lo quieras llamar) y no saber como integrar todo en un solo sitio, en este caso tu blog.
Facebook pone a nuestra disposición herramientas para que “Socialicemos” nuestro blog, el problema es no están de muy facil acceso, hay que escudriñar muy bien esta red social para encontrar las herrmamientas de “Socialización”, una de ellas y de la que vamos a hablar en este artículo es “Like Box”, es el cuadro que está debajo de cada uno de los artículos de este blog, por medio del cual puedes hacerte fan de nuestra Pagina en Facebook sin necesidad de entrar a la pagina de Facebook.
Lo primero que debemos hacer es entrar a Facebook con nuestro usuario y contraseña, como acostumbramos normalmente y luego visitar el sitio para desarrolladores: developers.facebook.com y haz clic en Documentacion.
Dentro de Documentacion haz clic en Social plugins.
Facebook te mostrarña todas las opcinoes que tienes para esta opción, nosotros lo que necesitamos es el Panel Like Box, que nos muestra la cantidad de Fans y la opcion de “Hazte Fan” en un mismo panel y desde el blog.
Por defecto Facebook nos muestra la Pagina de Lactose Free Milk, no caigas en la trampa de generar el codigo ahora, debes cambiar el ID por el de tu Pagina. El Width se refiere al Ancho que deseas que tenga tu Like Box, por defecto está en 292, pero puedes cambiarlo por el ancho que prefieras, la unidad de medida utilizada es pixeles.
Connections es aplicable unicamente si tienes habilitado el Stream, que corresponde al cuadro con barra de desplazamiento en el que se muestran los ultimos “X” comentarios en la pagina de Facebook, si el valor de Connection es 10, mostrará los ultimos 10 comentarios, si es 5 solo mostrará los ultimos 5 comentarios y así sucesivamente.
Yo prefiero deshabilitar el Stream, para efectos de aprovechar más el espacio en el blog.
Nuestra Pagina en Facebook es: http://www.facebook.com/pages/Soluciones-SEO/176295952262 el ID que nos corresponde es lo que está después de la ultima barra inclinada, es decir “176295952262″ (sin comillas), solo cambia tu ID y el Panel de vista previa te mostrará tu Pagina de Facebook.
Listo!, si seguiste paso a paso el tutorial ya deberías tener listo tu Like Box, ahora solo falta que presiones “Get Code” para que Facebook te provea del codigo que deberás insertar en tu blog.
Copia el codigo del Iframe y pégalo en el blog, en la posicion que quieres que aparezca.
Como insertar el Like Box en WordPress
Lo puedes hacer en los Widgets o bien directamente en el codigo de la pagina del articulo.
1. En los Widgets
Ingresa al Panel de Administracion de tu Blog y selecciona Apariencia y dentro de apariencia Widgets.
Selecciona un Widget de Texto y arrástralo hasta la barra en que desees colocarlo, y luego pega en el campo descripcion el codigo del Iframe que copiaste en Facebook y luego haz clic en guardar.
2. En la pagina del articulo
Para hacer esta modificacion se requiere que tengas un poco de conocimientos en HTML y CSS, ya que cualquier cambio puede afectar el funcionamiento de tu blog.
Ahora que ya estás advertido (a), Dirígete a Apariencia / Editor, haz clic en Entrada Individual (single.php), en esta pagina es que se publican los post individuales.
Busca la linea de codigo que se muestra en la imagen y pega tu codigo.
Eso es todo, Felicidades!!!! desde ahora ya tienes un Panel de Fans de Facebook directamente en tu blog.
Te recomiendo que veas el resto de aplicaciones que hay disponibles en la pagina developers.facebook.com y ecojas otro formato, hay desde botones hasta otras formas de visualizar tu panel de fans de facebok.
Espero que te sirva este tutorial, puedes respostearlo en tu blog, puedes tomar parte del mismo o el tutorial completo, solo te pido si lo haces que no te olvides de al menos mensionar la fuente.
Articulos Relacionados:
A continuacion te dejo una seleccion de posters, fotomanipulaciones y public ...
En ocasiones el diseñador realiza fotomanipulaciones para hacer una publicid ...
Si necesitas inspiracion para diseñar tus brochures o los brochures de tus c ...
En Photoshopplus.co.uk hicieron una excelente recopilacion de 40 ilustracion ...
Anteriormente publiqué unas exquisitas fotomanipulaciones que diseñadores ha ...
Información Bitacoras.com…
Valora en Bitacoras.com: Es tedioso comenzar a hacer Social Media, Networking, Promocion en redes sociales (como lo quieras llamar) y no saber como integrar todo en un solo sitio, en este caso tu blog. Facebook pone a nuestra disposición herramienta……
Como insertar panel para Fans de Facebook en tu blog…
Vota este post en teknear.com…
Me funco bien gracias
De nada
hola hize lo que explicaste pero me aparece The page you requested was not found. y no puedo conectarme
http://developers.facebook.com/ Debes estar logueado en Facebook para que el sistema te reconozca.
ami me sale lo mismo loco uso joomla no lo e podido hacer
En Joomla el proceso es distinto. Conseguir el codigo de insercion lo haces igual, lo distinto es el procedimiento para Insertar el codigo, eso lo haces ubicando en los componentes que tienes que aparezcan en la parte derecha / izquierda (como sea que esté tu plantilla) y en la parte donde insertas el texto das clic en (insertar HTML) pegas el codigo de Facebook y Listo!.
Buenísimo. Me funciono.
Que bien, saludos
hola que tal, mira intente pegar el codigo que indicas con mi ID de mi página pero al momento que yo pego al casillero se borra <iframe src="http://www.facebook.com/plugins/likebox.php?id=xxxxxxxxxxxxxxxxxxxx&width=215&connections=10&stream=false&header=false&height=255" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:215px; height:255px;" allowTransparency="true"></iframe>
ayudenmeeeee….
Saludos, Debes ingresar a Apariencia / Editor y dentro de Editor selecciona de la columna derecha el archivo single.php y pegar el codigo en donde te lo indico en el tutorial, no deberia de haber ningun problema, si persiste me avisas
Hola,
Pues a mí no me funciona, si dejo la numeración del ID, me sale que no se encuentra la página, sin pongo en enlace completo de mi página sí, pero a la hora de pedir el código, no sale mi página, sale la que está por defecto de FB…ya no sé cómo hacerlo para que salga mi página y no la otra….vamos, se me queda así:
Help! :-/
el panel de Fans de Facebook funciona unicamente para paginas de Fans, no para perfiles publicos, revisa eso.
Lo he intentado como widget, y el caso es que me queda como un enlace, es decir escrito, y al pulsarlo, me abre otra pestaña y aparece el panel unicamente. Utilizo un tema de Wp llamado Modularity Lite, cual puede ser la causa. La verdad estoy empezando, y me gustaria que fuese widget, para mas facilidad
Efectivamente es la lpantilla, lo he probado en otro blog mio, y el panel de fans de facebook desapareció. Lástima, porque el theme que escogiste está muy bonito. Para la proxima busca plantillas que sean "Widgets Ready"
Es una lastima, pues creo q era el adecuado. Y es posible añadir el widget "Facebook Like Box Widget", lo he visto investigando por aquí http://wordpress.org/extend/plugins/facebook-like…
No se puede añadir un widget desde el navegador??
La verdad que estoy empezando, y me veo perdido, muchas gracias por intentar ayudar
Funciona, siempre que el theme que selecciones lo soporte
inserto sin problema el código pero no me sale los usuarios. Le puse la opción pero de igual manera no me salen.. que podría estar pasando. Tengo la ultima versión del wordpress 3.0.3..podría ser eso??
My recent post Hello world!
Debe ser un problema en el panel directamente en FB
Una pregunta, ¿Esto me funciona con mi blog de WP con Hosting gratuito??
My recent post Confirmando el Llamado a Pastor
No, WordPress tiene bloqueado el acceso al codigo dentro de los stios que ellos hospedan.
Gracias por la respuesta!
My recent post Confirmando el Llamado a Pastor
Hace tiempo que tengo ganas de insertarlo, pero no me resulta. Uso WordPress.com y abro un widget, pego el código y me aparece un enlace en el blog, al darle click aparece una ventana con la página, pero no logro insertarla… :/ cómo lo puedo hacer, por qué no resulta?
saludos!
My recent post Photoshop en la vida real
Está muy bien el tutorial, pasó tiempo y continúa sirviendo pero.. cuando copio el código en un nuevo widget y guardo.. no aparece nada
no sé que es lo que estoy haciendo mal, pues anteriormente lo implementé en otro blog sin problemas :S ¿sabes algún plugin o el código exacto para poner el "hazte fan" en el mismo lugar de donde tengo el "sigueme en twitter"? En la barra de desplazamiento de la web.
Agradeceré una respuesta, gracias ! ^^
My recent post Tres juegos online totalmente gratuitos