lunes, 29 de marzo de 2010

Se acabaron las pestañas FBML de Facebook: cambio a la etiqueta <iframe>

Actualizo este antiguo -y bastante seguido- artículo sobre las pestañas FBML. El motivo de ello es bastante obvio: sencillamente, reescribo el artículo porque el lenguaje FBML de Facebook ha dejado de existir. Los responsables de dicha red social decidieron no seguir con este tipo de código, que era específico de Facebook, pasándose a la etiquetas <iframe> para la misma finalidad. De esta forma, todo el contenido de este artículo se había quedado obsoleto. No obstante, para no borrarlo por completo voy a dejar algunas claves actuales para conseguir el mismo resultado de dichas pestañas, que no era otro que crear páginas o apartados personalizados, con contenido multimedia, dentro de Facebook. Conservaremos también los ejemplos que puse originalmente sobre cómo se utilizaba esta técnica, a modo de nota para la historia de internet.


Static FBML de Facebook


Estos eran los artículos que llevábamos sobre el tema:

  1. Pestañas FBML de Facebook: usos profesionales y breve tutorial. Artículo actual en el que se analizaban algunas landing pages y se explicaba la forma de colocar una pestaña de este tipo en nuestras páginas de Facebook.
  2. YouTube en Facebook: colocar vídeos en pestañas FBML. Artículo en el que se estudia el caso específico de la colocación de vídeos de YouTube, así como los códigos para modificar el tamaño en el que aparecen y su colocación.

El artículo sobre colocación de vídeos de YouTube en pestañas FBML también habrá lógicamente que actualizarlo. Al usarse a partir de ahora etiquetas <iframe> dentro de Facebook no se requerirá ya de un código especial. Bastará con HTML normal, pues <iframe> es precisamente eso, una etiqueta ordinaria HTML, que sirve para colocar una "ventana" (o "marco", de ahí lo de "frame") dentro de una web, donde se carga otra página web distinta. Es decir, la etiqueta <iframe> sirve para cargar una página web dentro de otra, en una "ventanita" con las medidas que indiquemos.

 

El motivo por el que Facebook ha decidido tirar literalmente a la basura el trabajo de años de desarrollo del código FBML es para mí un completo misterio. El caso es que YouTube también se ha cambiado a las etiquetas <iframe> para colocar sus vídeos en páginas web, y esta unificación no parece que sea cosa casual. Seguramente esta vieja etiqueta del más clásico HTML -lenguaje básico de construcción de páginas web, el primero que apareció- tenga ventajas realmente apreciables. El hecho es que ambos, Facebook y YouTube, se han pasado a este sistema.

 

Sea como sea, usar una etiqueta <iframe> para colocar contenidos personalizados en Facebook implica -en principio- que deberemos tener una web propia para "cargarla" en dicha etiqueta, pues eso es precisamente lo que ésta hace.

 

Aunque esto sea así, el caso es que han surgido muchas aplicaciones online que aspiran a ocupar el hueco dejado por las pestañas FBML, ofreciendo hacer más o menos lo mismo de forma sencilla. No me extenderé mucho en ello, pues ya existen en la Red muchos y buenos artículos sobre esto. A continuación colocaré algunos enlaces a dichos artículos, que creo serán útiles para este tema. Lo interesante de estos servicios es que nos permitirán usar la etiqueta <iframe> sin tener una web propia, lo que puede ser bastante útil.

 

Además de ello, agilizarán mucho la tarea a las personas que no tengan conocimientos de HTML.

 

Crear una página de bienvenida (página de fans) en Facebook mediante <iframe>, al estilo del viejo FBML

 

Para los que sí dispongan de una página web propia alojada en internet, existe la posibilidad de crear dentro de ella páginas especiales destinadas a Facebook, que cargaremos allí mediante la citada etiqueta <iframe>. No obstante, aunque sobre el papel parece algo fácil, en la práctica la cosa tiene cierta complicación.

 

El siguiente artículo puede ser muy útil para guiarnos. Es obra de Martin Zelewitz, publicado en su blog cuentamelared.com. No lo he seguido aún paso a paso, pero de entrada parece bastante bueno:

 

Taller: ¿Cómo crear una pestaña individual de Facebook con iframe?

 

El proceso pasa por crear una aplicación en la página de los desarrolladores de Facebook (Facebook developers). Para más detalles consultar el artículo anterior.

 

Aplicaciones de Facebook alternativas a las antiguas pestañas FBML

 

De nuevo seguiremos a Martin Zelewitz para este tema. Ha realizado un artículo muy bueno en el que habla sobre 4 aplicaciones de Facebook que podremos usar para sustituir el viejo FBML. Lo mejor es que no necesitaremos una web propia (con su alojamiento en internet y demás). Estos servicios nos lo darán todo "casi hecho". Admiten además código HTML ordinario, que podremos añadir y cargarán en el <iframe> (no los he probado, pero esto es en líneas generales lo que prometen).

 

El artículo de referencia, que incluye capturas de pantalla, es el siguiente (es un buen tutorial para seguir):

 

Facebook elimina FBML estático: ¿Qué alternativas tenemos para pestañas individuales? (Martin Zelewitz, cuentamelared.com)

 

Las aplicaciones citadas en el artículo son:

  1. Wildfire (“iFrames for Pages”). Parece que ha dejado de funcionar, hace tiempo que está offline. ¿Tal vez podría sustirse por ésta? (no comprobada).
  2. Involver (“Static HTML for Pages”)
  3. Shopshare (“iFramewrapper”)
  4. Trisocial (“Easy HTML”)

Antiguos ejemplos de uso de pestañas FBML estático en páginas de Facebook.

 

Como comenté al principio voy a mantener en esta actualización del artículo los ejemplos de “landing Facebook page” que puse originalmente, a modo de testimonio histórico y como fuente de inspiración. Corría el año 2010, y de norteamérica llegaba con fuerza el fenómeno de las landing page. Lo más habitual era empezar por incluir una pestaña de bienvenida (o “Welcome”) en las páginas de Facebook de empresas y personalidades, aunque como veréis se podían añadir todas las pestañas que se quiera, pues esto dependía de la idea de sitio que quisiera crear:

 

Sitio Facebook

 

Por ejemplo esta web tenía un sitio en Facebook bastante complejo: incluía diversas pestañas además del citado “Welcome”. Todas ellas tenían un diseño gráfico personalizado, enlaces a la web dueña de la página y vínculos para suscribirse al feed o para recibir artículos vía email. Todo ello se hacía añadiendo pestañas fbml.

 

Sitio Facebook 2

 

Podemos ver aquí otro ejemplo de pestaña Welcome de Facebook: en este caso se incluía una flecha en el fondo que apunta al botón para hacerse fan (animando a ello), y un vídeo de YouTube sobre el personaje. La forma de hacerlo es idéntica al caso anterior: tabla html con la imagen diseñada de fondo y el vídeo -que se llama desde YouTube con el código que éste nos facilita- colocado en el sitio justo de la tabla. Otra buena opción sería usar propiedades CSS en lugar de tablas.

 

Sitio Facebook OMConsultant

Aquí tenemos otro ejemplo del mismo tipo de pestaña Welcome, en este caso diseñada por mí para un profesional del social media.

 

Además de estas pestañas, los profesionales solían personalizar también su página muro con un banner vertical, en el que a veces se incluía información de contacto. Para esto no hacían falta pestañas especiales, bastaba con diseñar una imagen de distribución vertical y colocarla como foto de perfil.

 

Ejemplo de banner vertical en muro

 

Y con esto termino la edición y actualización del artículo, recordando a todos los lectores que si necesitan diseño gráfico para este tipo de elementos, o la creación integral de alguno de ellos, pueden contactar conmigo a nivel profesional para más información.

Artículos relacionados:

191 comentarios:

Dani dijo...

He visto que algunas páginas, debajo de la imagen insertada vía FBML, tienen la opción de que los usuarios pongan comentarios (igual que en la pestaña muro, fotos...).

¿Alguien sabe la manera de hacerlo?

Muchas gracias !

Santi Folch dijo...

Pues la verdad es que yo no lo sé... Seguro que se hace con código HTML (al menos eso creo), ahora bien, de dónde se puede coger ese código no tengo ni idea.

Si alguien lo sabe que comparta por favor!!;)

Dani dijo...

Gracias, Santi !

A ver si alguien conoce la forma de resolverlo y nos ilumina!!

Anónimo dijo...

Una duda, como puedo cambiar el nombre que me sale por defecto como casillas?
Lo he intentado todo!

Santi Folch dijo...

La verdad es que está funcionando fatal... He estado probando para aclarártelo y me hace toda clase de cosas raras. No me deja hacer nada y no me borra las pestañas que he añadido.

Deben estar teniendo problemas los de Facebook. Voy a seguir investigando a ver si puedo aclararlo (ni que decir tiene que si alguien tiene la respuesta que la comparta please :))

Santi Folch dijo...

Vale, parece que ya está funcionando bien, te explico como lo he hecho:

Para poner "Bienvenidos" en la pestaña hay que clicar en "Configuración de aplicaciones" del apartado FBML de "editar página". Una vez allí eliminamos el "cuadro" y agregamos la "pestaña". De esta forma aparecerá una pestaña con el título que hayamos puesto.

Os adjunto una captura para que lo veais:

http://lh5.ggpht.com/_D9g1O2p5x4o/S-Jx6VaJJNI/AAAAAAAAAhg/wrUBu2Gjl5g/configurarfbml1.jpg

Podéis ver el resultado en la página de Facebook de este blog. A ver si en un rato pongo esto en el artículo.

m-mylsat dijo...

Qué codigo debo colocar en el FBML para que pueda agregar un video de youtube a mi pagina???

Gracias.

Santi Folch dijo...

Eso es sencillo, el propio YouTube te lo facilita. En la página del vídeo busca el botón "insertar" (suele estar en la segunda o tercera línea bajo el vídeo, debajo del número de reproducciones).

Al darle te saldrá un código estilo "object width="480" height="385" param name="movie" value=...". Sólo tendrás que copiarlo y pegarlo.

Anónimo dijo...

Ya lo hice asi, pero al copiarlo en el cuadro de FBML y despues visualizar la pagina, no muestra nada

Santi Folch dijo...

Qué raro... ¿Lo pones con sus corchetes y todo? (Ya sabes, los signos <>) Recuerda que es html.

Debería salir sin problema, mira el código que tengo puesto yo:

<img src="http://santifolch.webcindario.com/Imagenes/Paletapantone.jpg" /><br />

Estamos probando. ¡Disculpad las molestias!;)

Con ello me sale la imagen y luego el texto. Revisa tb el código que has puesto. Si quieres ponme la URL del vídeo que quieres poner y te digo que código hay que poner, así te aseguras.

Un saludo!

Anónimo dijo...

Aqui la URL
http://www.youtube.com/v/jb23poJwyZ8&hl=es_MX&fs=1&rel=0&border=1

Gracias.

Anónimo dijo...

Perdon, ésta es la URL
http://www.youtube.com/watch?v=cgazkbYXvrg

Santi Folch dijo...

Vale, la verdad es que es más complicado de lo que pensaba, pero ya lo he solucionado.

No me gusta mucho hacerle publicidad a Ford (podrías haber elegido otro vídeo, la verdad), pero en fin. Ahí va la explicación:

No es exactamente html. El código es:

<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/cgazkbYXvrg'
imgsrc='http://img.youtube.com/vi/cgazkbYXvrg/2.jpg' width='340' height='270' />

Puedes verlo en la pestaña fbml que he puesto en la página de Facebook de esta página (rápido que en unos días lo borraré, como digo no me gusta hacer publicidad gratuita ;)).

De todas formas añadiré una completa explicación a este artículo en cuanto tenga tiempo. ¡Espero que te sirva!

Anónimo dijo...

Muchisimas gracias ah y solo era un simple video, pude haberte dado mejor el de una pelicula entonces jejeje.
Gracias nuevamente

Anónimo dijo...

Hola, antes de nada valorar y agradecer la información que transmiten. he introducido un vídeo en una pestaña FBML gracias a esta página. Me gustaría saber si hay posibilidad de introducir en el código,la opción para que al darle a la pestaña FBML, comience el automáticamente la reproducción....

Saludos.

Santi Folch dijo...

Me temo que Facebook no reproduce directamente ni Flash ni JavaScript. Seguramente por seguridad requiere la aceptación por parte del usuario haciendo click para iniciar estos elementos.

De todas formas tienes la opción de personalizar la imagen previa. La colocada por defecto tiene muy baja calidad, pero puedes cambiarla por una tuya que tengas subida en algún sitio de internet (cambias la ruta donde pone imgsrc="").

Fuera de Facebook sí que puedes hacer que el vídeo se inice automaticamente, poniendo &autoplay=1 al final del URL del vídeo (lo voy a explicar más detenidamente en mi artículo sobre canales de YouTube.

Gracias por la pregunta, voy a aclararla más detenidamente en el artículo.

Santi Folch dijo...

Perdón, el enlace anterior no es correcto. Finalmente he hecho un artículo nuevo sobre el tema de colocar vídeos de YouTube con autoarranque y/o sin vídeos relacionados.

Anónimo dijo...

Muchas gracias Santi

Anónimo dijo...

hola alquien sabe
¿como ago para obligar a poner "me gusta" en paginas de facebook?
hay alguna paginas que la primera ves que las abrís te aparese para que te tenes que hacer fan para ver una foto,video o lo que sea y una ves que t haces fan aparece la foto,el video,etc en la misma pestana..
ejemplo
http://www.facebook.com/pages/DESAFIO-SI-TE-RIES-PIERDES/126406927378122?v=app_4949752878

otro ejemplo
http://www.facebook.com/pages/DESAFIO-SI-TE-RIES-PIERDES/126406927378122?v=app_4949752878#!/pages/70-INDICIOS-DE-QUE-TU-PAREJA-TE-VA-A-ABANDONAR-Muy-Bueno-Miralo/120581117979048


como lo hacen? gracias

zergio dijo...

quiero saber cual e sla manera para que la pestaña bienvenido sea la primera que aparesca cuando entren atu pagina de facebook

Santi Folch dijo...

Eso es sencillo, mira, ve a "Editar página" y luego en "Configuración de muro" (2ª pestaña) le das a editar.

Una de las opciones te permitirá elegir qué pestaña se muestra en primer lugar al visitante.

Lola dijo...

madre mia! puede ser que hoy hayan deshabilitado esta función??? Ayer pude hacer una pestaña, y hoy sigo el mismo procedimiento y no hay manera de crear pestaña, solo me permite escoger entre las que hay y no crear una nueva!!!!! puede ser??? grácias!

Santi Folch dijo...

Es posible Lola, hace poco recibí una notificación de Facebook avisando de que van a limitar el tamaño de las landing welcome pages (pestañas fbml). Creo recordar que iban a ser como máximo de 1000x1000 píxeles a partir de ahora (no estoy muy seguro de la cifra exacta, pero por ahí andaba).

No sería extraño que durante una temporada el servicio no funcione demasiado bien, mientras lo ajustan y demás.

Anónimo dijo...

Hola Santi, muchas gracias por toda la información que das en tu página. Gracias a ella he sido capaz de poner la pestaña Bienvenidos con una imagen en mi página de Facebook, pero me gustaría saber cómo puedo poner la imagen para que me salga en casi toda la pantalla (como los ejemplos que pones tú). A mi me sale la imagen debajo de las pestañas, pero a la izquierda se sigue viedo la foto que tengo para el perfil y eso, y en las que yo he visto la imagen de bienvenida ocupa practicamente toda la pantalla.

Anónimo dijo...

Hola, soy Marta, la misma de la pregunta anterior, ahora he puesto una imagen más grande y más ancha que la anterior y no se me ajusta al hueco que hay, se me queda a un lado y se me corta un trozo, ¿sabrías por qué puede pasar eso?

Santi Folch dijo...

¡Hola Marta! Es gracioso que me preguntes eso, yo mismo estuve una tarde entera liado con tu primera duda.

Verás, al ser tú la administradora de la página, te aparece la foto y demás cosas de tu perfil en la pestaña FBML. Si cierras la sesión verás que ya no sale, la fotografía y demás cosas de la landing page ocupa toda la pantalla :).

En cuanto a la segunda duda, resulta que hace poco Facebook ha recortado el tamaño máximo para las imágenes de las pestañas FBML, así que si te pasas se corta la imagen. No estoy muy seguro de las medidas máximas, pero creo que deben rondar los 800x600 (he visto algunas landing pages por ahí con más o menos estas medidas).

Respecto a que se quede a un lado no sabría decirte, si la colocas con una simple etiqueta <img> saldrá justo desde el borde izquierdo. Recuerda que lo mejor es incluir las medidas de la imagen (osea, escribir algo así: <img src="ruta-completa-imagen" height="alto-imagen-en-pixeles" width="ancho-imagen-en-pixeles" />). Debería salir bien.

Si quieres pon la URL de tu página y le echamos un vistazo. Un saludo!

Anónimo dijo...

Hola Santi!Soy Marta.Efectivamente era ese el problema, que yo al verlo como administradora lo veia desplazado y cortado. Entré anoche con otra cuenta a la página y se veía bien. Os dejo de todos modos el enlace a ver si la veis bien y qué os parece.
http://www.facebook.com/pages/Malaga/Kartell-Malaga/108547439203622?v=app_4949752878&ref=ts
Muchas gracias.

Santi Folch dijo...

De nada, por cierto tu landing page está muy bien, felicidades :)

www.blanca-suarez.com dijo...

Hola,

Tengo una duda, ¿hay alguna manera de hacer que salgan las pestañas estandar de Facebook en la página? Es que la pestaña vídeos y notas por ejemplo no salen... Y la que me interesa es la de "Vídeos" sobretodo... tengo vídeos subidos, pero no consigo poder incluir la pestaña vídeos automáticamente...

Puedes verlo en http://www.facebook.com/blancasuarezweb

Santi Folch dijo...

Mmm no termino de entender a qué te refieres con "pestañas estandar"... En cualquier caso puedes añadir la pestaña de vídeos fácilmente, sólo tienes que hacer clik en la pestaña que tiene un "+", a la derecha del todo, y añadir la que quieras (allí podrás elegir la de vídeo).

Para quitar las que no desees sólo habrás de hacer clik en el pequeño lápiz que sale en la propia pestaña, a la derecha, y elegir "eliminar pestaña". Así podrás quedarte con las que quieras.

No sé si respondí a tu pregunta... un saludo

www.blanca-suarez.com dijo...

Ese es el problema Santi, que no me sale en el "+" el apartado de vídeos. Te paso una captura :)

http://i54.tinypic.com/20tqtcy.jpg

Y es que, si le doy a agregar, me salen aplicaciones de juegos, encuestas y todas esas. Pero no me deja elegir las básicas (Videos, notas, casillas, etc)

No sé si ahora me he explicado mejor. Gracias igualmente por responder...

Santi Folch dijo...

Sí, ahora te entiendo bien. Vaya, qué cosa tan extraña... Bien, la verdad es que no sé a qué puede deberse, pero lo primero que yo haría sería ir a "editar página". Aunque no te salgan los vídeos en la pestaña "+" deberían estar en ese menú (ahí está todo).

Espero que lo tengas ahí, si no la verdad es que me has pillado. Si te aparecen los vídeos en el menú de "editar página" puedes probar a hacer clic en "Configuración de aplicaciones", te saldrán las opciones "Cuadro" y "Pestaña". Cada una de ellas puede estar agregada o disponible, si la opción pestaña te aparece como disponible podrás agregarla.

Se me ocurre ahora que tal vez la tengas agregada como "cuadro" (con lo que aparecería en el menú de la izquierda). En ese caso puedes probar a eliminarla como cuadro y agregarla como pestaña.

Todo esto suponiendo que te salga. De no ser así no sé qué podrá ser (y agradecería que, si alguien lo sabe, que nos lo aclare a todos).

De todas formas te ruego pruebes esto que te digo, y nos comentes. Así todos sabremos una cosa más sobre el tema.

Un saludo... y suerte!

www.blanca-suarez.com dijo...

Me temo que no, no me aparece en la edición de la página. Me sale sólo Configuración, configuración del muro, Móvil, Fotos, Notas y Más aplicaciones. Pero vídeos no me sale.

Y es que debería dejarme habilitar pestañas como habituales, las de vídeo y foros como mínimo. Y nada, no hay manera... ¿Por qué? Ni idea... :(

Y cuando le doy a "Editar configuración" dentro de "Vídeos" me lleva a mi página de inicio de Facebook. Es decir, mi muro personal. ¿Por qué? Pues tampoco lo se...

Y a todo esto, claro, para poder entrar en vídeos, tengo que buscar en el muro algún video subido, y ya ahí pincho en "Videos" y los veo todos...

www.blanca-suarez.com dijo...

Al final lo que he hecho ha sido añadir un enlace dentro con un texto con lo de las pestañas FBML a la página donde están los vídeos y listo, porque otra cosa de momento, no se me ocurre... ¬¬ PEro pensé que podría hacer que cuando pincharas en una pestaña, directamente te redirigiera al la url que yo le diera... pero no xD

Cuando cambie el diseño de la web, haré alguna imagen chula para la página de Facebook y listo...

Gracias por todo igualmente!!

Santi Folch dijo...

Bueno, al final no te ha quedado tan mal, el enlace se ve bastante claro. Además como bien dices te puedes poner una imagen bonita en esa misma pestaña.

En cuanto a lo de que no te aparezcan los vídeos en la edición de página... pues me deja confuso. La verdad es que Facebook falla bastante a menudo, vete tú a saber qué puede ser.

(¡Si alguien lo sabe que lo comente, por favor!)

En fin, siento no haberte sido de ayuda. Un saludo y ánimo.

Jose Diaz dijo...

Hola Santi:

He leido tu post y me parece muy interesante. Ahora tengo una duda: tu señalaste que para poner una imagen como inicio tenias que entrar a la configuracion del muro y ahi darle a la opcion que corresponde, pero en mi caso no aparece esa opcion. Te adjunto una captura de pantalla de ello:

http://img543.imageshack.us/img543/4923/capturae.jpg

Como haria en este caso para que la imagen que estoy poniendo salga primero cuando entren otras personas a la pagina que estoy creando en ves del muro?

Mil gracias por tu tiempo.

Santi Folch dijo...

Hola Jose, sí, es tal y como dices. He visto tu captura y me he quedado extrañado, mira una mía:

http://img841.imageshack.us/img841/3329/facebookpj.jpg

Como puedes ver a mí sí me sale la opción. Y no he configurado nada especial para ello, me aparece así por defecto (de hecho creo que es lo normal). Así pues no sé que podrá pasarle a tu página, cada vez estoy más seguro de que Facebook tiene muchos fallos.

(Entiendo que te refieres a poner la pestaña FBML como inicio, o sea, que sea lo que aparezca a los no fans que visiten tu página.)

Jose Diaz dijo...

Gracias Santi:

Claro, mi idea era poner una imagen de inicio para los que no son fans, a manera de bienvenidos a la pagina de face...inclusive ya tenia el arte hecho :/

Si es muy raro, porque ademas de esa pagina tengo 2 paginas de fans (de otras cosas)y recien revisando en la configuracion de muro de las otras si me sale alli la opcion de la que hablamos...osea que la unica que no tiene dicha opcion es la que fue motivo de consulta.

Entonces, no se puede hacer nada para cambiar eso?, no se puede escribir a facebook comentando el asunto? ellos lo arreglarian?

Muchas gracias por tu tiempo , recomendare y estare siempre al tanto de esta pagina!

Saludos

Santi Folch dijo...

De nada amigo, de todas formas no desesperes que -según he leído por ahí- los fallos de inestabilidad en las páginas de fans son frecuentes (vamos, que hay muchísimos fallos continuamente).

Sobre contactar con Facebook no te lo recomiendo. Todo el mundo coincide en que el servicio de atención al usuario es pésimo (no extraña ante los muchos millones de ellos que tiene).

Una última recomendación: prueba a borrar todas las cookies y el historial, deja el navegador como recién instalado. Después reinicias y mira a ver, tal vez se te solucione.

Al menos eso comentan por aquí:

http://forum.developers.facebook.net/viewtopic.php?id=71316

Un saludo! Por cierto, enhorabuena por tus cómics, están muy bien ;)

Santiago dijo...

Hola a ver si alguien puede ayudarme, he seguido todos los pasos aquin indicados, en mi pestaña FBML inserto el codigo HTLM y no sale absolutamente nada ¿alguien sabe porque? el codigo es correcto y funciona esta creado con Dreamweaver

Santi Folch dijo...

Hola tocayo :) Si el código es muy complicado no te lo va a coger (no se puede cargar una página web completa en la pestaña, por ejemplo).

Pon el código para que podamos verlo. O prueba simplificando lo que quieres poner (una imagen y poco más es lo ideal).

Tinta dijo...

Amigo es con respecto a los codigos y los fondos de esta entrada como los puedo conseguir por favor.

Santi Folch dijo...

¿Los códigos y los fondos de esta entrada? No te entiendo, por favor explícate mejor.

Javier Uribe dijo...

Primeo que nada agradecerle por la informacion que comparte y segundo, un amigo ha creado una pagina comercial para su negocio, podria decirnos como se puede poner un banner vertical en la fotografia de perfil de facebook, usted menciona que se hace con una imagen vertical, utiliza el ejemplo de Ezine @rticles, pero no entendemos muy bien, gracias por su ayuda.

valdi dijo...

hola gracias por la informacion, soy nuevo en esto de fbml y quisiera saber si alguien me puede ayudar con mi aplicacion tengo dos tab uno es el index y el otro es para invitar amigos pero cuando ejecuto el tab para invitar me sale error si pueden ayudarme mi correo es dvgvaldi@gmail.com

Santi Folch dijo...

Hola Javier, respecto a su preguna no puede ser más sencillo. Simplemente coloquen la imagen y punto. Facebook permite imágenes alargadas en sentido vertical, con lo que ya tendrán su banner.

Eso sí, habrán de ser archivos JPG (no se pueden poner animaciones). Prueben con una imagen de 200px de ancho y lo que quieran de alto.

Un saludo, y si precisan de diseño de banners no duden en contactarme.

Débora dijo...

Tengo un problema con el FBML, instale la aplicacion en mi sitio de facebook pero no me da la opcion de poner cuadro, solo pestaña ... alguein sabe la solucion
Débora

Anónimo dijo...

TENGO EL MISMO PROBLEMA QUE DEBORA. INSTALE EL FBML Y SOLO ME DA LA OCPION DE PESTAÑA LA DE RECUADRO NO APARECE EN CONFIGURACION DE APLICACIONES
ALQUIEN SABE QUE PASA
SLDS

Anónimo dijo...

Buenas tardes,

Quiero saber si es posible embeber todoun canal de youtube en una pestaña, y en caso tal, cuáles son los pasos que debo seguir.


Saludos

Andrés

Santi Folch dijo...

Débora y anónimo: Esto es cosa de Facebook, nosotros no podemos hacer nada. Cambian de un día para otro, por tanto es posible que en el futuro se pueda hacer lo que queréis.

Andrés: Desconozco si es posible embeber todo un canal de YouTube en la pestaña, pero sin duda se me antoja complicado a priori. Tal vez pueda colocarse una lista de reproducción de forma algo más sencilla. A buen seguro te hará falta desarrollar una aplicación en lenguaje fbml (cosa bastante complicada).

Teresa CX CM dijo...

Necesito ayuda!!! Acabo de instalar esta aplicación en mi página de facebook pero no consigo que en ningún momento se me abra la ventana donde poner el código para personalizar pestañas.

La verdad es que no se si se debe a alguna actualización de fb o qué, pero el caso es que llevo una hora dándole vueltas al asunto y no logro dar con una solución.

Alguien me puede decir cómo puedo hacerlo.

Gracias

Anónimo dijo...

master para colocar comentarios debajo de las fotos o videos fbml como se hace e visto algunas paginas asi por fa ayudar

Santi Folch dijo...

Teresa: es verdad, han cambiado totalmente Facebook en la última actualización (tendré que actualizar el artículo).

En fin, de todas formas meter código FBML sigue siendo igual -más o menos-. Ve a "editar página", luego elige "aplicaciones". Una vez allí, en el apartado FBML, pincha en "ir a la aplicación". Podrás meter tu código.

Anónimo: no sé a qué te refieres, por favor pon un enlace para que veamos un ejemplo.

Es lo que NO hay dijo...

Santi,
aunque se haya modificado facebook, tu publicación me sirvió perfecto para entender la creación de la pestaña.
Pero quería pedirte ayuda, ya que quisiera incluir la imagen de mi web (www.bienpuestos.com.ar) a la pestaña "bienvenidos".
No soy tecnica en sistemas pero entiendo bastante!
gracias

Santi Folch dijo...

Hola "es lo que no hay".

Bien, sé que es largo de leer, pero la información que pides está ya contestada en varios sitios.

Puedes usar HTML para incluir esa imagen. Sencillamente usa una etiqueta <img>. Como supongo que ya sabrás, tu imagen deberá estar alojada en algún sitio de internet, y llamada a la pestaña mediante la citada etiqueta. Es HTML elemental.

Anónimo dijo...

hola alquien sabe
¿como ago para obligar a poner "me gusta" en paginas de facebook?
hay alguna paginas que la primera ves que las abrís te aparese para que te tenes que hacer fan para ver una foto,video o lo que sea y una ves que t haces fan aparece la foto,el video,etc en la misma pestana..
ejemplo
http://www.facebook.com/desafio.ilusion?v=app_4949752878


Cual seria el codigo para usar....?

Santi Folch dijo...

Hola anónimo: respecto a tu pregunta la verdad es que no lo sé. Desde luego lo primero que sale es una imagen normal. ¿Seguro que después la imagen carga en la misma pestaña? Lo más probable es que se haga configurando la pestaña que aparece por defecto a fans y no fans.

Si te enteras comenta :)

Anónimo dijo...

Hola Santi:

Estoy intentando hacer una pestaña FBML con código html muy simple (dos fotos que ya están en la web de la empresa), pero la edito y cuando voy a la pestaña inicial me la muestra en blanco. ¿Q estoy haciendo mal? Muchas gracias

Santi Folch dijo...

Pues si no pones el código no sabría decirte... Lo que es seguro es que tendrá algún error.

Es tan fácil como usar la etiqueta <img src="url-de-tu-imagen" />.

bodega contiempo dijo...

Gracias Santi, así lo he puesto pero nada. Intento ponerte el enlace pero el sistema me dice que: su HTML no es aceptable: Tag is not allowed: IMG

Santi Folch dijo...

Sí, el formulario de comentarios de Blogger no admite que se escriban directamente los corchetes. Para escribir html hay que usar los códigos equivalentes: &lt; y &gt para corchete de apertura y cierre, respectivamente.

Osea, un coñazo. De todas formas insisto en que revises lo que has puesto en la pestaña, seguro que está mal. Te copio el código que tengo puesto yo para mi imagen:

<img src="http://lh4.ggpht.com/_D9g1O2p5x4o/St8HuRX32cI/AAAAAAAAADo/ALuk2FjKtbQ/comunicaciondigital2.jpg" width="600" height="400" />

Un ejemplo de colocación de una imagen.

Dale un poco al html que seguro que encuentras el fallo. Si no copia aquí tu código, pero recuerda cambiar < y > por &lt; y &gt

Santi Folch dijo...

Por cierto, &gt; lleva ; también al final, antes lo puse mal.

Bodega Contiempo dijo...

Millón de gracias Santi y perdona por las molestias. Nada, ni con eso. Probé también sustituir tu imagen por las mías y sigue en blanco. Tepongo el código a ver si tú puedes ayudarme, porque yo no caigo:


<HTML>


<BODY Bgcolor="black" text="#DDD8D8">


<img src="http://www.arcadevitis.com/cms/upload/galeria/15.jpg" />

<p>

<img src="http://www.arcadevitis.com/cms/upload/galeria/06.jpg" />



</BODY>

</HTML>

Santi Folch dijo...

Vale, el fallo se ve muy bien. Pon sólo:

<img src="http://www.arcadevitis.com/cms/upload/galeria/15.jpg" />

<img src="http://www.arcadevitis.com/cms/upload/galeria/06.jpg" />

Todo lo demás -etiquetas html y body- sería para hacer una página web, en este caso no hace falta (de hecho ya ves que te da fallo). Si quieres que el fondo sea negro mete lo anterior en un div de color negro.

bodega Contiempo dijo...

mil gracias Santi, qué torpe! O sea, que entiendo que hay que prescindir de lo demás de HTML y poner solo las etiquetas de imágenes o enlaces seguidos.
Y ya la última, cómo hago para poner el botón de "me gusta" arriba, como tienen las páginas de empresa? ¿O será que yo a mí mismo no me lo veo?

Muchas gracias

Santi Folch dijo...

Así es. Sólo las etiquetas de imágenes. Y en efecto no te sale el botón de "me gusta" porque es tu propia página :)

Suerte!

bodega Contiempo dijo...

No sé cómo agradecerte la ayuda, de verdad. Muchas gracias!!!!!
Un saludo,

María

Anónimo dijo...

Hola, he conseguido hacer lo de la foto ..la pestaña de Welcome y todo eso pero no consigo que se abra la pagina directamente en esta pestaña...y tampoco encuentro la opcion para configurarlo en muro como he leido antes por ahi arriba :)
espero que me puedas ayudar--
muchas gracias

Santi Folch dijo...

Si, es que en la última actualización de Facebook han cambiado un poco los menús.

Sigue siendo lo mismo, basicamente. Ve a "Editar página", luego "Gestionar permisos". Una vez allí tienes una opción llamada "Pestaña por defecto". Ahí lo puedes poner.

Anónimo dijo...

Hola.
Tengo varias dudas.
Tengo una pestaña de Bienvenidos, y dentro quiero poner al menos 5 ó 6 enlaces con imagen(una imagen que al hacer click te lleve a un sitio).
Según te entiendo sólo hacen falta las etiquetas IMG, pero¿Se podría poner cada una de esas imagenes en un lugar concreto? Es decir, una arriba del todo a la izquierda, otra al lado a la derecha, otra abajo,etc,etc.
Es que me gustaria ponerlas en distintos tamaños(creo que sabré usar el código correcto para ello) y en unas posiciones concretas.

Otra cosa, ¿puedes explicar mejor lo de cambiar el color blanco de fondo con la etiqueta DIV?
Gracias

Santi Folch dijo...

Hola anónimo, perdón por el retraso, hemos estado off unos días por temas de dominios. Vamos a ver, colocar las imágenes en un DIV es algo que puede hacerse con CSS, o con una tabla.

Seguramente lo mejor sea el CSS. También te servirá para cambiar el div de color. Para añadir estilos CSS a tu código HTML puedes añadir el atributo STYLE tanto a imágenes como a divs.

Lo pones así:
<img src="urldeimagen" style="propiedad-css1;propiedad-css2;etc;" />

Para el caso del div:
<div style="tamaño, color, etc...">Aquí dentro tus imágenes</div>

No puedo explicarte aquí el CSS, te recomiendo que consultes documentación en internet. Es sencillo y te será realmente útil. Sólo te comento que las imágenes tendrán que tener las propiedades "float" para flotar y "padding" para separarse y colocarse. El div tendrá que tener "background-color".

Ánimo y suerte.

Diego dijo...

Para el que pregunta acerca de poner comentarios:

Título para los comentarios

Todo lo poco que sé de FMBL, lo he aprendido en dos días. Pueden checar la página que me aventé acá:

http://www.facebook.com/pages/Lasercut-Mexico/116133468402007?v=app_4949752878&ref=sgm

No es tan difícil. Es sólo cuestión de leer, leer y volver a leer.

Saludos, y éxito.

Anónimo dijo...

Disculpa me hice bolas un poco una duda..?? los que tenemos perfil normal no ay alguna opcion parecida o algo que podamos para poner una pestaña asi..?? creo solo es para facebook con la opcion me gusta..

Santi Folch dijo...

Diego: Revisa tu enlace, no carga tu página. Una pena porque me interesa lo de los comentarios en la pestaña FBML.

Anónimo: Para el perfil normal no hay aplicaciones, por tanto tampoco FBML (de momento, claro).

Samuel dijo...

Muy buena pagina… muchas gracias tengo un problema ya tengo mi pagina de Bienvenida y quiero que aparezca una pestaña BIENVENIDA cuando las personas que no son fans encuentren mi pagina de Facebook. (actualmente entra al muro, pero quiero que aparezca en la pestaña de Bievenidos) ya he leido y todas dicen que vaya a la Opciones ” pestaña predeterminada para los usuarios que no son fans” pero no aparece en mi configuracion… Solo aparece:
La pestaña Muro muestra:
Filtro de spam en el muro:
Autorización para publicar:

Porque?

Santi Folch dijo...

Hola Samuel. La respuesta es sencilla: porque Facebook funciona fatal. Hacen cambios y más cambios sin avisar, y a menudo se producen estos fallos o bugs.

Lo mejor es tener paciencia, pues con el tiempo van solucionando los fallos (o bien cambian todo directamente).

De todas formas comprueba también esto: en "editar página", ve a "Gestionar permisos" (la primera opción). Ahora está ahí la opción "Pestaña por defecto". En teoría, si no se te ha fastidiado tu Facebook, deberías poder elegir la pestaña que quieras de entre las que tengas.

Prueba también a eliminar todas las cookies, caché, archivos antiguos, sesiones, etc... de tu navegador, que lo mismo están fastidiando.

Samuel dijo...

Amigo.. gracias por responderme ya lo hice pero no sale esa opcion, lo que sale son estas:
Visibilidad de página:
Restricciones de país:
Restricciones de edad:
La pestaña Muro muestra:
Filtro de spam en el muro:
Autorización para publicar:
Eliminar página:

No sale mas nada... no aparece esa opcion... ya he buscando en internet y en las imagenes de internet se muestra esa misma pero con esa opcion.. Sera porque tengo una Pagina de la Comunidad?

Santi Folch dijo...

Pues seguramente... Las "páginas de comunidad" están pensadas para ser públicas y compartidas en torno a una temática concreta, con lo que no me extrañaría que por fuerza tenga que mostrarse el muro.

Me parece que tendrás que hacerte una página normal (privada) para personalizarla a tu gusto.

Ederson dijo...

Hola Santi tengo una consulta:
Cual es la diferencia entre
facebook.com/pages/nombredemisitio
ejemplo:
http://www.facebook.com/pages/creationandservices

facebook.com/nombredelsitio
ejemplo:
http://www.facebook.com/PagesDesign

porque es la diferencia porque en unas se pone page/ y en otras directamente despues del dominio de facebook, aparece

Anónimo dijo...

Buenas noches Santi,

primero felicitarte por tu blog. Me ha ayudado muchísimo y le dedicas el tiempo suficiente como para actualizarlo, lo cual es genial.

Tengo una duda respecto al contenido que pueden o no ver los fans y no fans. El ejemplo que me pones me sale bien, peeero el problema es que uso dos imagenes en un pestaña llamada Acerca de. !
1imagen) la pueden ver los fans, y 2imagen) la ven los no fans.

El problema es que quiero que ambas me cargen a la misma altura, y no en orden de aparición. Es decir, que cuando un fan vea la pestaña, le aparezca una imagen, y viceversa, pero en la parte superiora. Ahora es como si me cargara las dos, y me dejara en blanco la supuestamente invisible. Es complicado explicarlo, pero en realidad el efecto es muy sencillo.

Espero tu respuestas,gracias

Fredy

Santi Folch dijo...

Hola chicos, buenos días :)

Ederson: no sabría decirte, pero lo voy a investigar. Es bastante interesante (¿será un servicio de pago?). La verdad es que a la gente de PagesDesign les ha quedado una URL estupenda. ¡Muy buen aporte! Lo pongo en la lista, a ver que averiguo.

Anónimo: Gracias por los ánimos :). A ver, lo que dices me sorprende. Reconozco sin problema que no sabía que podía mostrarse un contenido u otro DE UNA MISMA PESTAÑA a fans y no fans... Igual que en el caso anterior me resulta sumamente interesante. ¿Puedes por favor poner la URL de tu sitio de Facebook?

En cualquier caso, a priori la solución a tu problema yo diría que es complicada... No podemos acceder al código para incluir condicionales o programación, sólo podemos introducir HTML y CSS en la pestaña. Con eso solo podemos controlar el aspecto y poco más. Así que lo veo complicado...

Muestra tu pestaña y te doy más info. Interesante aporte el tuyo también ;)

Santi Folch dijo...

Ederson, ya tengo la respuesta :)

Es muy sencillo, por lo visto el propio Facebook facilitó hace poco la opción de personalizar las URLs para hacerlas más amigables. Pero sólo les apareció el aviso a los angloparlantes.

Para cambiar la URL, simplemente ve a este sitio:

http://www.facebook.com/username/

Por ejemplo yo he puesto para mi página:

http://www.facebook.com/hablamos.de.comunicacion.multimedia

Genial!! Gracias por haber hecho esta pregunta :)

Anónimo dijo...

hola, queria saber si alguien me puede ayudar a insrtar una imagen en mi etiqueta de bienvenidos pero una imagen q tengo en mi computadora y no en la web, ya que porbé el codigo pero no es el mismo xq aparece en blanco, gracias

Santi Folch dijo...

Anónimo: no es posible hacer lo que quieres. Deberás (lógicamente) subir tu imagen a un sitio de internet para que se vea.

Anónimo dijo...

jane: hola soy nueva en esto de los html y fbml, tengo una pagina en facebook y me gustaría insertarle pestañas con fotos que anuncien mis eventos, pero no se como ponerlas en internet ya que veo que no se puede subir desde mi ordenador.
Como puedo subir mis imágenes a internet para luego copiar el url y así ponerlo en mi nueva pestaña en facebook??????

Santi Folch dijo...

Hola Jane, hay muchos servicios en internet que te permitirán subir y alojar tus imágenes de forma gratuita. Por ejemplo puedes usar:

http://imageshack.us/

La misma web te dará la URL de tu imagen cuando la subas.

¡Ánimo y suerte!

Rodney dijo...

para alguien que pregunto como poner una imagen para los no fans, y que aparezca otra al hacerse fans, aqui les pongo el codigo:



FANS-ONLY CONTENT GOES HERE

NON-FANS CONTENT GOES HERE


</otro

no me deja poner solo los cierres div, por eso quitarle la palabra otro y poner d i v
y listo

Rodney dijo...

aqui esta el link sobre como poner una imagen a los no fans y otra aparece al hacerse fan
http://www.socialmediaexaminer.com/how-to-create-fan-only-facebook-content/#more-5375

Santi Folch dijo...

Rodney, eres un crack! :D Has solucionado este tema.

Copio el código que aparece en el link que has puesto:

<div id="wrapper">
<fb:visible-to-connection>
FANS-ONLY CONTENT GOES HERE
<fb:else>
<div id="non-fans">NON-FANS CONTENT GOES HERE </div>
</fb:else>
</fb:visible-to-connection>
</div>

De esta forma, podemos poner un código para los fans y otro para los no fans (respectivamente, en las partes que dicen "FANS-ONLY CONTENT GOES HERE" Y "NON-FANS CONTENT GOES HERE").

Muchas gracias amigo!! Genial aporte :)

tekmanbooks dijo...

Hola Santi
a ver si me puedes ayudar.
He hecho una pestaña en mi facebook con pero
no sé cómo edita la letra
para que salga cómo yo quiero, es decir, fuente y tamaño, color, etc.
Muchísimas gracias.

Santi Folch dijo...

Hola tekmanbooks, es fácil, tienes que hacerlo con estilos CSS.

Por ejemplo, puedes meter todo tu texto dentro de una etiqueta DIV, y le aplicas unos estilos:

<div style="color:#333;font-size:12;font-face:arial;">TU TEXTO</div>

Te recomiendo que estudies un poco de CSS, no es nada difícil y te será muy útil en internet. ¡Felices fiestas!

MusiCon dijo...
Este comentario ha sido eliminado por el autor.
MusiCon dijo...
Este comentario ha sido eliminado por el autor.
MusiCon dijo...

Veran soy nuevo en esto de Facebook
y me he creado una pagina de la misma
necesito poner un contenido diferente tales como un buscador de mp3 (alojado en un host)
y reprodcutor mp3 flash (alojado en un host)
algo asi como esto:
http://www.facebook.com/CompuNetsi?v=app_110717902301393

entonces unas preguntas cortas
puedo hacer esto con esta applicacion (FBML)?

Ncesito otra aplicacion para lo que deseo ? cual?

como hago para poner un reproductor flash con esta aplicacion "FBML"?

esta aplicacion te acepta el lenguaje Html?
intente poner unos Iframes y no me funciono

estare super agradecido con sus respuestas
dado que recien empiezo con lo de pagina de facebook
gracias de antemano!

Olga dijo...

Hola! estoy creando una pagina de Bienvenidos y me gustaria poner una imagen que al pinchar sobre ella se rediriga a mi sitio web, como puedo hacer esto? muchas gracias Santi por todo, me ha ayudado muchisimo toda la informacion que pones aqui!!

Clara dijo...
Este comentario ha sido eliminado por el autor.
Clara dijo...
Este comentario ha sido eliminado por el autor.
Clara dijo...

Hola Buenas, me parece que tú página es muy interesante, pero tengo un problema. En mi página de liker's tengo la pestaña predeterminada Feliz 2011, con esto del Año nuevo, pero resulta que sólamente pueden acceder directamente a esta página aquellos que no son liker's de la página. Los fans de la misma acceden al muro. NO entiendo porqué a unos les redirige directamente a esa pestaña y a los "fans", les redirije al muro. ¿Alguna solución?

Santi Folch dijo...

Hola MusiCon y Olga, os respondo hasta donde yo sé:

MusiCon: Caray, soy el primer sorprendido con lo que muestras, no tenía ni idea de que podían ponerse cosas tan complejas en una pestaña FBML, ¡la de cosas que descubro con vosotros ;)!

Yo diría que el ejemplo que has puesto es una pestaña FBML como las explicadas en este artículo, sólo que con enlaces a aplicaciones Facebook de música y un buscador. Todo lo demás es HTML y CSS normal (cajas, imágenes traídas desde un alojamiento, enlaces, colores y tamaños en el texto, etc...). Ahora bien, sobre estas aplicaciones de música no sabía nada, me entero ahora mismo de su existencia. Deben estar programadas con lenguaje FBML de Facebook, pues en una pestaña no se puede poner cosas demasiado complicadas (por ejemplo el iframe que tú intentaste y no funcionó).

La verdad es que me sorprende hasta que haya aceptado el buscador :S A ver si alguien sabe algo de esto y nos enteramos.

Olga: lo tuyo es más fácil chica :) Vamos a ver, eso es simple HTML (te recomiendo que lo estudies un poco, te vendrá bien).

Sencillamente, aloja la imagen en algún hospedaje de internet. Obten después la URL de la imagen en internet. Podrás así llamar a la imagen desde la pestaña con la etiqueta IMG. A la imagen puedes ponerle un enlace a donde quieras, usando la etiqueta A.

Ej. <a href="URL-ENLACE"><img src="URL-DE-TU-IMAGEN-SUBIDA" /></a>

Santi Folch dijo...

Hola Clara, ve a "editar página" y luego a "gestionar permisos". Allí podrás especificar la pestaña por defecto para fans y no fans.

Antiguamente se podía especificar una diferente para cada uno (como a ti te ocurre), pero parece que lo han cambiado. Ahora sólo hay una pestaña por defecto para todo el mundo.

No me extrañaría que se haya fastidiado algo y no puedas cambiarlo ahora, Facebook cambia continuamente todo y a menudo se originan fallos en usuarios. Si es tu caso me temo que no podrás hacer nada, a parte de esperar a que vuelvan a reconfigurar el sistema desde Facebook y se te arregle.

Clara dijo...

Muchas Gracias Santi! me temo que no lo puedo solucionar entonces....
En el Perfil, en "Configuración" hay una pestaña habilitada para "no fans", y esa funciona, pero la general que es la que tú dices que está en "editar página", "gestionar permisos" donde pone pestaña genérica para todos, no debe funcionar bien, porque los fans no acceden directamente a ella, en fin. Muchas gracias por tu ayuda de todos modos! saludos!

Santi Folch dijo...

¿Ves lo que te digo? A mí ya no me sale la opción "Configuración". Eso era antes, pero un buen día me apareció cambiado.

Que yo sepa, el único menú que ha quedado para eso ahora está en "gestionar permisos". ¡Al menos para mí! :)

Miguel dijo...

Hola Me gustaria saber como puedo poner en una pagina de fans mediante un fbml un activy feed como el de ricky martin http://www.facebook.com/?ref=logo#!/RickyMartinOfficialPage

gracias, esperando su respuesta

Miguel Romero
orgullord@hotmail.com

Muy buena pagina felicidades.

Santi Folch dijo...

Hola Miguel, te pongo un enlace con algo de info:

http://www.facebookmarketing.es/cambio-fb-activity-feed/

Juan Carlos dijo...

Hola Santi,
Antes que agradecer toda la info que plasmas en tu blog para sacarle mayor provecho al FB.

Mi duda es la siguiente, he seguido los pasos que dices para crear una pestaña estática e insertar una imagen o código html ( en caso de ser algo más complejo) pero al copiar y pegar el código en el cuadro del FBML me aparece en blanco la pestaña.
Lo que hice fue diseñar la página con iWeb de Mac, subí el diseño a un servidor (con todas las carpetas que se incluyen como imágenes, .css, .html, etc) y el archivo donde viene el código lo copie y pegué en el cuadro de FBML con la pequeña modificación de incluir el directorio del url completo en vez de local (http://www.patricebeaute.es/xxxx) cada vez que hay un href=" ".
Se que el código está bien por que con un editor html on line se ve la página perfectamente pero en FBML no, alguna idea de qué me puede estar faltando o fallando?

Gracias por tu ayuda.

Un saludo.
Juan Carlos

angel dijo...

Hola
Disculpa como puedo colocar una imagen de fondo y así colocar algún vídeo y otra imagen encima de la imagen de fondo?
Saludos
Angel:)

Santi Folch dijo...

Hola chicos, os respondo.

Juan Carlos: no me extraña que no te salga nada, en una pestaña FBML no se puede poner HTML demasiado complejo. Ten en cuenta que usa un código propio (llamado precisamente FBML y creado por y para Facebook), acepta algunas cosas de HTML, pero no todo.

Es decir, que no puedes poner una web completa en una pestaña, hay que contentarse con una imagen, textos, enlaces y tal vez un vídeo. Todo lo demás hay que hacerlo con códigos FBML bastante complicados.

Angel: Eso es bastante fácil amigo, puedes hacerlo con una etiqueta DIV, a la que puedes poner un fondo con CSS, usando el atributo STYLE.

Ej: <div style="background-image:url('DIRECCION-DE-TU-IMAGEN');">CONTENIDOS</div>

Dentro del div puedes poner lo que quieras (imágenes, textos, vídeos...). Busca en el artículo o en los comentarios, ya se ha hablado mucho de esto.

TOPITOS dijo...

HOla Santi

Cargue mi imagen enuna web y me dio el URL y ala copie pero me aparece la imagen pequeñiísima.

Quiero que la imagen aparezca cubriendo las medidas del ancho de la pestaña muro por ejemplo.

Es por las medidas de la imagen o que podria ser?

Existe una medida estándar?

Gracias

Anónimo dijo...

Buenas.

Tengo una pagina donde publico mucha información de interés publico y siempre que una persona escribe un comentario de la nota que publique, yo le PONGO ME GUSTA, pero cuando la persona quiere ver quien le puso ME GUSTA y le da un clic en PERSONAS aparece un signo de ? en vez de aparecer la foto de mi pagina. se puede cambiar eso... (es una pagina no es un perfil)

Santi Folch dijo...

Topitos: Sí, existe una medida estandar. Es la del ancho disponible, si pones imágenes más grandes saldrán cortadas.

Esta medida es de 520 píxeles de ancho. El alto puede variar, aunque los landing suelen ser de unos 600 píxeles de alto. Nada te impide sin embargo poner una imagen de 1000 pixeles de alto, si quieres.

En cuanto a tu problema con la imagen, efectivamente es por la imagen en sí, debes haberla creado así de pequeña. Asegurate de poner las medidas que te he dicho en tu editor de imágenes.

Anónimo: No sabría decirte, seguramente es un fallo de Facebook (uno más). No creo que puedas arreglarlo. Antes o después desde Facebook lo repararán.

lisandro dijo...

Muy buen post!!!
te felicito!!!

laelcla dijo...

Buen dia Santi, el problema que tengo es el siguiente: he creado una pestania fbml que se llama greensite, fui "editar página" y luego a "gestionar permisos" y ahi cambie el orden de la pestania por defecto de Muro hacia greensite, pero la pestania por defecto sigue saliendo en Muro. Tendria que esperar a que FB lo actualice o existe otro metodo para poder personalizar las pestanias.

Saludos cordiales

Santi Folch dijo...

Si pones tu pestaña Greensite como pestaña por defecto, tendría que funcionar. No hay otra posibilidad.

Espera a ver si Facebook realiza el cambio. Si no lo hace seguramente se te habrá desconfigurado algo (con lo que no podrás hacer nada).

Recuerda que puedes poner un contenido para fans y otro para no fans en la pestaña (es un rollo, me gustaba más la formula antigua, pero qué le vamos a hacer).

laelcla dijo...

Estimado Santi.

He ingresado a mi pagina personalizada desde otro usuario que no era fan y efectivamente direcciona hacia la pestania Greensite, sin embargo cuando me hago fan, y cargo nuevamente la pagina se abre la pestania Muro.
Hay alguna manera de que siendo fan o no fan siempre carge la pestania Greensite?

Gracias por tu aporte.

Saludos cordiales

Santi Folch dijo...

Hola laelcla, la verdad es que no sé que decirte... Antiguamente se podía definir una pestaña para fans y otra para no fans, pero ya no (gran error por parte de Facebook, en mi opinión).

Por lo que cuentas parece que se te ha quedado la antigua configuración, pero sin darte la posibilidad de definir una pestaña para fans. Es decir, tu cuenta de Facebook tiene un fallo o bug.

Si estoy en lo cierto, no te queda otra que esperar a que lo arreglen en una nueva versión de Facebook. Contactar con ellos no te servirá de nada.

laelcla dijo...

Muchas gracias por tu aporte Santi, ten un buen dia.

Saludos cordiales

Anónimo dijo...

Hola estoy empezando ahora con el facebook, he estado mirando muchos foros buscando info sobre FBML, porque quiero hacer una welcome, tengo una pregunta.

¿es posible que en estos momentos esta aplicación no funcione?

desde luego a mi no me va.
Me meteré dentro de unos dias para averiguar que me contestas... de todos modos leeré un poco más todas los comentarios de la gente.

Un gran blog!!! Gracias por ayudar a los novatos como yo.

Santi Folch dijo...

Hola anónimo. Hasta donde yo sé, la aplicación FBML funciona perfectamente. Al menos a mí me funciona (puedes ir a la página de Facebook del blog, en ella puedes ver una pestaña FBML que tengo allí para hacer pruebas).

Ánimo!! Cualquier cosa pregunta.

Anónimo dijo...

Buenos dias Santi,
si me ayudas con algo, tengo hecha una pestaña FBML con nombre y todo, ya cargue la imagen. pero neceisto que me salga de inicio? que sea lo primero q se mire al entrar a la pagina.
Muchas gracias

Santi Folch dijo...

Anónimo: ve a "editar página", luego a "gestionar permisos" y allí tienes el menú para hacerlo ("pestaña por defecto"). Ya se ha hablado mucho sobre esto, tienes más información en los comentarios anteriores.

chubasko dijo...

Santi, de verdad me extraña que en gestionar permisos venga tal opción porque para ser sincera no encuentro donde poner mi pestaña personalizada como la que se mostrará por defecto a todos...

Visibilidad de página:

Restricciones de país:

Restricciones de edad:

La pestaña Muro muestra: Todas las publicaciones o solo las de la página.

Filtro de spam en el muro:

Autorización para publicar:

Eliminar página:

Sólo vienen esas opciones. Se me hace raro porque tu comentario es de ayer y yo tengo buscando desde hace un mes tal opción y simplemente no encuentro dónde...

Santi Folch dijo...

Chubasko, lamento decirte que tu cuenta de Facebook está 'bugueada' (es decir, que tiene fallos). No es la primera vez que veo algo así, a más gente le ha ocurrido lo que a ti.

Mira, te pongo una captura de las opciones que me salen a mí:

http://img703.imageshack.us/img703/1760/94644267.jpg

Otra cosa que puede pasar es que estés usando tu cuenta personal directamente, en lugar de una 'página' de Facebook. Es decir, para usar pestañas FBML hay que crear una página de Facebook (de las que usan las empresas, et...). Un grupo tampoco vale, ha de ser una 'página'. Me da que igual es eso lo que te ocurre.

Si no lo último que te queda por hacer es borrar todas las cookies y archivos temporales de internet, y volver a cargar Facebook. Si nada funciona, tendrás que esperar a que arreglen el fallo desde Facebook, o crear una cuenta nueva.

Anónimo dijo...

Hola Santi
Estoy queriendo agregar un tag de bienvenida en mi Facebook.
Segui tus instrucciones y con lo que estoy teniendo problemas en con el código.
Yo subi la foto que quiero poner en el tag a picasa. Te paso el código que incorporé para ver si me podés decir donde esta el error. Desde ya muchas gracias.
Dody

img src=”http://picasaweb.google.com/100621587562809598270/Bienvenidos#5566586990018780770” /

Santi Folch dijo...

Hola Dody, el fallo es que no has puesto la URL correcta. Tienes que poner la de la imagen sola, es decir, la dirección de la página web en la que esté solo tu imagen, y nada más.

Esto puede hacerse con Picasa clicando en "presentación de diapositivas" y, cuando aparezca tu imagen en grande, haciendo clic derecho sobre ella (puedes darle a pausa para que te sea más fácil).

De esta forma puedes elegir la opción "Ver imagen", si usas Firefox -cosa que te recomiendo-. O también, "Copiar la ruta de la imagen". En otros navegadores no sé que opciones te saldrán. Pero tienes que coger la de tu imagen sola.

En tu caso la URL sería:

http://lh5.ggpht.com/_rBmoikUeACQ/TUB9X9dhXmI/AAAAAAAAABE/1xHsn4Gekwc/s800/bienvenidos.jpg

Pon eso entre las comillas de SRC y verás como te sale. Un saludo!

chubasko dijo...
Este comentario ha sido eliminado por el autor.
chubasko dijo...

Hola Santi, primero quiero agradecerte por haber respondido =D

Y pues ya supe que era jaja, mi página es de comunidad y cuando me hice otra la hice como oficial y si viene ese detallito.

Y pues decidí dejarlo así, ni modo.

Con el próximo reajuste que comunicó Facebook en cuanto a las medidas de las pestañas personalizadas de las oficiales y eso... afectará la existencia de tales pestañas en las páginas de comunidad?? o solo se verán afectadas las medidas de esas pestañas FBML?

No sé si me expliqué xD

Santi Folch dijo...

Amigo Chubasko, me alegro de que hayas solucionado tu problema, ya me imaginaba yo que era por el tipo de página.

En cuanto a tu pregunta, no tengo ni idea, ya veremos qué hacen :)

Guty Montana dijo...

hola santi,una pregunta!¿como lo puedo hacer para crear una separación entre video y video de youtube en una pestaña de FBML? Gracias de antemano.

Petituchi dijo...

Hola Santi! Eres un máquina!!

Mi duda viene con el tema que anteriormente han citado para hacer que esta pestaña personalizada aparezca tanto para fans como para no fans como pestaña inicial en la página de facebook.

Parece que aunque yo ponga en el apartado "gestionar permisos" como página inicial la página de bienvenida personalizada, si soy fan, siempre veré el muro cuando abra la pagina.

:(

Santi Folch dijo...

Vamos por partes:

Hola de nuevo Guti, para separar los vídeos lo mejor sería meter cada uno dentro de una etiqueta DIV, y separarlas mediante PADDING (una propiedad CSS).

Mete cada vídeo dentro de esto:

<div style="padding:15px;">
EL VIDEO
</div>

Donde pone 15px es una medida en píxeles, pon la que quieras.

Petituchi, prueba este código en tu pestaña:

<div id="wrapper">
<fb:visible-to-connection>
AQUÍ LO QUE VERÁN LOS FANS
<fb:else>
<div id="non-fans">
AQUÍ LO QUE VERÁN LOS NO FANS
</div>
</fb:else>
</fb:visible-to-connection>
</div>

Natalia dijo...

Hola Santi!! Genial tu Blog!!! Me ayudo en mi pagina http://www.facebook.com/AyShopping
Estuve buscando y encontré esto:

http://cosasparaelface.blogspot.com/2011/01/plantillas-paginas-facebook-fbml.html
Como hagoo editar una plantilla así?
No tengo conocimientos HTML ni CSS, estoy iniciandome!!

Guty Montana dijo...

Muchas gracias Santi! Me ha ido perfecto! un saludo

Anónimo dijo...

Saludos
que complicado so de colocar videos de You tube en facebook en el campo fbl.. no se como lo haces para cambiar el codigo y que funcione en facebook

Anónimo dijo...

hola he logrado poner la pestaña que cree para que aparesca pimero o por defecto en la pagina pero no funciona si eres un usuario de facebook y entras ala pagina estando en facebook aparece el muro y no la pestaña que puse por defecto solo funciona si vas a la direccion de la pagina mientras no hayas entrado en facebook .

como puedo hacer para que sea visible la pestaña a quien ingrese estando en facebook?

Santi Folch dijo...

Natalia: :) ¡oye, es genial ese recurso que has puesto! Muy muy bueno. No sabía que había ya plantillas para Facebook. Por lo que veo, tendrías que copiar el código dentro de la pestaña FBML, eso sí, cambiando la ruta de las imágenes. Es decir, tendrías que subir las imágenes a Picasa o ImageShack, por ejemplo, tal y como se ha explicado, y dirigir a ellas los enlaces de imagen.

Guty Montana: De nada compi ;)

Anónimo 1: Mirate el artículo que habla de eso:

http://www.comunicacion-multimedia.info/2010/07/youtube-en-facebook-colocar-videos-en.html

Anónimo 2: prueba este código:

<div id="wrapper">
<fb:visible-to-connection>
AQUÍ LO QUE VERÁN LOS FANS
<fb:else>
<div id="non-fans">
AQUÍ LO QUE VERÁN LOS NO FANS
</div>
</fb:else>
</fb:visible-to-connection>
</div>

Anónimo dijo...

Muchisimas gracias Santi!!!!!!
Lo pude hacer.
Saludos
Dody

Alejandro Recuero dijo...

Saludos, en primer lugar darte las gracias por todo la ayuda, y gracias al resto de usuarios por los temas de debate.

He leido todos los comentarios y veo que es un error común el que no aparezca la opción poner la pestaña FBML como de inicio.

Mi pagina es una página de comunidad. Es por eso que no me aparece la opción??

Muchas Gracias

Santi Folch dijo...

Hola Alejandro, en efecto es por eso. Las páginas de comunidad no tienen la opción de elegir pestaña de inicio.

Has de crear una página normal. Un saludo!

Martín dijo...

Hola Santi. Eres Grande, por el contenido del blog y por ser constante, paciente ý rápido en las respuestas. :-D Mi pregunta es la misma que te hizo Dani en abril del año 2010 (lo pregunto por si en 1 año ha evolucionado en este aspecto) Gracias por tu respuesta. Te copio la pregunta:

Dani dijo...
He visto que algunas páginas, debajo de la imagen insertada vía FBML, tienen la opción de que los usuarios pongan comentarios (igual que en la pestaña muro, fotos...).

¿Alguien sabe la manera de hacerlo?

Muchas gracias !

13 de abril de 2010 13:20

Samanta dijo...

Ya cree una solapa de bienvenida con un jpg que recepciona a los que no son fans, lo que me gustaría hacer ahora es debajo de ese jpg incluir el cuadro "invita a tus amigos" y no se como hacerlo. Tengo otra solapa donde esta el cuadro "invita a tus amigos" pero me gustaría unificarlos. Alguien sabe?

Santi Folch dijo...

Gracias Martín :) Me temo que sigo sin saber hacer eso, si me entero no dudes que escribiré un artículo sobre ello.

Samanta: La verdad es que ni siquiera sé cómo hacer un cuadro 'invita a tus amigos' En cualquier caso tú debes de tener el código para conseguirlo, así pues no debe ser difícil unificar ambas pestañas. Sencillamente, será cosa de colocar el cuadro dentro de la pestaña de bienvenida, metiendo todo ese código dentro de una etiqueta DIV, y posicionándola mediante propiedades MARGIN y PADDING de CSS.

Por cierto, ¿podrías poner un enlace a tu página, para que veamos el cuadro 'invita a tus amigos'? Y si pudieras poner una referencia a la información sobre su código también te lo agradecería. Un saludo!

Samanta dijo...

Santi, Lo pude hacer!

No me deja copiar los códigos en esta ventana,

Entren al Facebook de
Perfumerías Juleriaque,el cuadro invita a tus amigo está en la pestaña bienvenidos

http://www.facebook.com/pages/Perfumerias-Juleriaque/128356207229890

Saludos!

anonimo dijo...

podría poner alguien cual es el codigo para invitar a los amigos, que no consigo hacerme con el...o mandarlo a este correo: javilo1987(a)yahoo.com
cuidado con la arroba...que si pongo la de verdad me llega spam.

Santi Folch dijo...

Enhorabuena Samanta, te ha quedado muy bien :).

Le he echado un vistazo al código, la verdad es que parece muy complicado. Me parece que seguimos sin saber cómo se hace.

A ver si tengo tiempo y busco un poco más.

Carlos dijo...

Alguien sabe como hacen esto?

http://www.facebook.com/pages/Pepsi-PR/187845004582441?v=app_177490152284015

Se que trabajan con ajax y un swf. Lo que no puedo saber es como van tomando los datos del usuario.

Ricardo dijo...

Hola Santi, tengo un problemita, cuando facebook no habia actualizado su interface yo desabilite la pestaña de fotos, luego facebook se actualizo y ahora no me deja mostrar a mis amigos y a todo mundo mi pestaña de fotos y albunes, hoy no me deja añadir la pestaña de fbml y no encuentro la opción de midificar pagina que sugieres en la información sobre la actualización de facebook. que puedo hacer?

Santi Folch dijo...

Por lo que dices Ricardo parece que no tienes una página de Facebook, sino un perfil personal o página de comunidad. En esos caso no se pueden poner pestañas FBML.

Respecto a las fotos, pues me temo que hay poca solución, a parte de esperar a una nueva actualización de la interfaz. Son muy habituales fallos como el que a ti te pasa.

Anónimo dijo...

Hola, Gracias por la info, me ha ayudado mucho, sin embargo quieria preguntarte como puedo cambiar la presentacion de las pestañas, he intentado de muchas formas y no logro conseguirlo, anexo imagen para explicarme mejor... gracias..
http://img440.imageshack.us/img440/1879/pestaas.jpg

Santi Folch dijo...

Pues yo lo he hecho haciendo click izqdo. y manteniendo pulsado sobre una pestaña, y luego arrastrando. Es fácil, deberías poder hacerlo tú también.

Eso sí, sólo me deja cambiar a partir de la tercera pestaña. Las dos primeras (Muro e Información) están fijas.

Lal1t0 dijo...

Que hay amigo, me sirvio mucho la informacion, pero desde hace unas semanas he estado tratando de poner mi pestaña como la principal, pero no puedo Mi pagina es una comunidad, ya la hice pero sigo sin poder ponerla como la principal, tienes idea a que se deba? amm te dejo mi pagina para que veas http://www.facebook.com/TYPED.UDT gracias

Santi Folch dijo...

Tal y como está escrito en el artículo, no puedes hacerlo porque tienes una página de comunidad. Lo que quieres hacer sólo es posible en páginas normales (por el momento, tal vez lo cambien en el futuro).

Natalia dijo...

Santi, para poner una imagen en la pestaña fbml que ocupe todo el espacio, que tamaño tiene que tener la img????
Xq o me queda muy chica o desaparece :S...
Espero tu respuesta, muchiiisimas gracias.

Lal1t0 dijo...

muchas gracias jejeje creo que por el momento me tendre que conformar sin que sea la principal bueno, ahora quisiera preguntarte como poner un cuadro para invitar amigos, pero hay un limite de seis no se como cambiarlo a 35 o mas si esque se puede, mira aqui te dejo el codigo para que me ayudes jeje






esta es mi pagina http://www.facebook.com/TYPED.UDT?v=app_4949752878 para ver si me puedes ayudar jeje

Lal1t0 dijo...

que mal no pude poner el codigo T__T mmm

Santi Folch dijo...

Natalia: una landing page de Facebook mide 520 píxeles de ancho, y de alto lo que quieras (aunque te recomiendo unos 600 o así, para que tenga la altura de la columna de la iqda.).

Lal1t0: No tengo ni idea (si te enteras comenta!! ;)).

Por cierto, si quieres pega el código sin los corchetes (<>), para que lo acepte el formulario.

Franco dijo...

gracias por este tutorial, esta muy bueno probe el codigo para mostrar cosas diferentes para los fans y para los no fans.
pero tuve el problema de que los no fans ingresan y antes aparece un cuadro blanco muy grande que calculo que ocupa el espacio del codigo para fans me explico?
aqui te dejo el link para que veas

http://www.facebook.com/pages/Cuerdabierta/172094039496063

Santi Folch dijo...

Mmm... pues tienes razón. Tal vez haya un fallo en tu código, si no también podrías colocar el contenido para no fans en una etiqueta DIV, y posicionarla con CSS hacia arriba.

Habría que hacerlo con la propiedad PADDING en negativo, por ejemplo:

div style="padding-top: -200px"

Con eso todo el contenido te subiría 200px hacia arriba.

Franco dijo...

mmm, no me anda tampoco, por favor me podrias dar el codigo completo... que raro que me pase eso!

saludos

Guty Montana dijo...

Hola Santi! Hacia tiempo que no comentaba por aqui jeje.
Tengo una preguntilla,¿como puedo poner en una pestaña Fbml, la imagen de la portada de un disco, en la que cliclando en la imagen te lleve a una página específica?

Gracias de antemano.Y un saludo

Anónimo dijo...

hola, gracias por tu ayuda.
yo quiero hacer las pestañas en mi pagina de facebook, como son muro, bienvenidos y otras pestañas, pero no me sale, me aparecen al lado izquierdo la palabra bienvenida y lo que hice con fbml, pero yo quiero que me quede en la parte superior de mi pagina. como puedo hacer esto. muchas gracias.
elizabeth

Santi Folch dijo...

Vamos a ver, lo primero (y esto va para todos): os recomiendo que estudiéis HTML y CSS. No es complicado, y os va a venir muy bien para trabajar con internet. Es más, si no sabéis un poco de HTML y CSS no podréis hacer gran cosa con las páginas web.

Franco: En tu caso estudia el CSS. Si no funciona el padding usa MARGIN. Lo he probado y funciona, te empujará hacia arriba lo que ahora está abajo. El código:

<div style="margin-top:-350px">EL CÓDIGO PARA NO FANS</div>

Guty: Tu pregunta es muy sencilla. Estudia HTML, lo que quieres saber es de nivel básico. Has de poner la imagen dentro de una etiqueta A (igual que cualquier enlace). El código:

<a href="URL de tu página específica"> <img src="la ruta de tu imagen" /> </a>

Elizabeth: Pon la dirección de tu página para que veamos, pero a primera vista parece igualmente fácil. Tienes que alinear tu contenido con HTML o CSS. Es también de nivel elemental, documéntate en internet.

Anónimo dijo...

Hola,
Tengo una duda... ¿Como le hago para agregar un hipervinculo a una imagen que ya haya subido con el codigo fbml?
y ¿como le hago para agregarle una imagen o icono al enlace?

grax.

me han servido muxo tus explicaciones.

=)

Santi Folch dijo...

Anónimo, mírate mi comentario anterior, Guty preguntó lo mismo que tú y ahí tienes la respuesta.

Guty Montana dijo...

muchas gracias santi!Guty

Tinosoft dijo...

En "Gestionar Permisos" de mi página de FB no aparece la opción "Pestaña por defecto" ¿Que hago?

*** נєииιfєя ** dijo...

Hola!!
Lo primero de todo quiero felicitarte por la dedicación que nos prestas a los que, como yo, no sabemos mucho, por no decir nada....

Ahora bien, después de leer y leer y probar y probar, creo yo que todo lo inimaginable ya, sigo teniendo el problema de que no aparece la imagen que quiero que salga de bienvenida en la pestaña fbml que he puesto.
Bueno, a mí me sale el contorno con el recuadrito azul y la ? dentro, y al hacer click sí que aparece la imagen, pero es que debería aparecer sin hacer ningún click! :( y bueno, a las demás personas que les he hecho comprobarlo ni siquiera les sale nada.
Este es el código que he puesto, no sé si es correcto o no, ¿qué me dices? (con los correspondientes<> claro está)

fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://i882.photobucket.com/albums/ac24/kakiloki/PUB%202001/Nuevadireccionaperturapagina.jpg'
imgsrc='http://i882.photobucket.com/albums/ac24/kakiloki/PUB%202001/Nuevadireccionaperturapagina.jpg/2.jpg' width='500' height='397'

Espero que puedas ayudarme, te estaría muy agradecida.

Un saludo

Santi Folch dijo...

Tinosoft: Eso es porque tu página será de comunidad o un grupo. Sólo se puede hacer con páginas normales de Facebook.

Jennifer: De nada :) Bien, te ocurre que estás usando el código para insertar vídeos de YouTube. Si sólo quieres poner una imagen has de usar HTML normal, concretamente la etiqueta IMG. Te pongo el código sin los corchetes:

img src="http://i882.photobucket.com/albums/ac24/kakiloki/PUB%202001/Nuevadireccionaperturapagina.jpg"

Sólo hay que poner eso. Fácil, ¿verdad? Os recomiendo a todos que estudiéis un poco de HTML, como dice en el artículo las pestañas FBML lo aceptan en su mayoría.

*** נєииιfєя ** dijo...

Oh!! gracias por la rapidez!!
Pero no lo entiendo... ya probé (y lo he vuelto a hacer ahora) con el código que me has dado, pero así sólo consigo que salga en una esquina un cuadrito azul con la interrogación y no pase nada, ni haciendo click encima.

Usé el código de vídeo porque es la única forma con la que he conseguido que, aunque sea haciendo click en el cuadro azul con la ?, se vea la imagen finalmente.

¿qué puedo hacer? ¿alguna sugerencia o desisto?

Gracias!!

Santi Folch dijo...

Tiene que funcionar. Igual no sale porque no te puse la barra (/) que va al final. Prueba también a poner medidas para la imagen. Por ejemplo, en mi pestaña tengo puesto esto:

<img src="http://lh4.ggpht.com/_D9g1O2p5x4o/St8HuRX32cI/AAAAAAAAADo/ALuk2FjKtbQ/comunicaciondigital2.jpg" width="600" height="400" />

Pon la ruta de tu imagen (que por cierto está bien, la he comprobado) y las medidas que quieras que tenga. Aunque de ancho no debería pasar de 520, para que no se corte.

Lau dijo...

Hola, quisiera hacerles una pregunta, porque el formato de mi pagina es distinto al que aparece en las fotos? a mi las solapas de muro y las FBML me aparecen al costado izquierdo, por otro lado no puedo configurar una pesataña FBML como cuadro para poner dentro de mi muro, no me da la opción, no se porque.
Alguien tiene idea, si actualizaron facebook o algo?
Desde ya Gracias.
les dejo el enlace por si quieren verlo. http://www.facebook.com/EtiquetaVIP

Santi Folch dijo...

Pues no sabría decirte... Lo mismo sí que es una actualización. Porque tu página no es de comunidad,¿no?

Anónimo dijo...

Buenas querido Santi, hay alguna manera de eliminar la foto de perfil y que solo aparezca la foto quecargamos en la pestaña FBML _?? osea que desaparezca ese espacio de la foto de perfil

Santi Folch dijo...

Claro, ve a "editar página", y elije "foto del perfil". Ahí podrás quitarla.

Zona Nueva dijo...

hola, espero me puedas ayudar, quiero y necesito hacer algo similar como esta fan page http://www.facebook.com/weeklyworldnews?sk=app_10339498918
en ella no se aprecia la informacion, pero cuando le das en me gusta inmediatamente despliega el contenido... desconozco como hacerlo y creo que seria util saber hacerlo, espero me puedas ayudar un saludo!

Anónimo dijo...

Hola: Tengo una pagina en facebook y noto que las pestanas estan ubicados debajo de la foto (el logo de pa pagina), como puedo cambiar eso a pestanas???? ya he tratado la forma pero no logro hacer. Gracias por tu ayuda.

Santi Folch dijo...

Zona Nueva: puede hacerse creando un contenido para fans y otro para no fans (en el artículo viene la forma de hacerlo). Sencillamente, creas una imagen para no fans como la que muestras (desenfocada), y luego otra normal para los fans. Puedes hacerlo con Photoshop.

Anónimo: Dale al pequeño lápiz que hay en la esquina de los cuadros. Ahí podrás pasarlo a las pestañas.

Azul19 dijo...

Hola Amigo quiero que me ayuden!!! mi pag comunidad es!! http://www.facebook.com/pages/Emelec-Manda/161612840537693 y quiero ponerle una imagen de bienvenida! pero no logro ponerle aun!!!he leido muchos tutos pero no logro encontrarle la forma de meterlo, he logrado poner la pestaña y todo pero cuando veo la pestaña esta en blanco!! les dejo mi correo para ver si me pueden ayudar!! emelecmanda@gmail.com

Azul19 dijo...

Asi se ve mi pag de facebook! Alguna Ayuda ???

Azul19 dijo...

Asi se ve mi pag de facebook! Alguna Ayuda ???

10 de marzo de 2011 22:01http://i221.photobucket.com/albums/dd34/gusanobdp/Dibujo-2.gif

Lal1t0 dijo...

Hola amigo, nuevamente preguntando jeje, hace poco hubo una actualización en las paginas de facebook, trate de cambiar la pestaña de fmbl como la principal a mostrar pero no puedo cambiarla, es de negocio local, pero sigue sin poder darme la opción de cambiar la pestaña, ¿Tienes alguna idea de a que se deba?

Zona Nueva dijo...

Buen día, de nuevo yo para comentarte que ya pude hacer la opcion visible para los fans y no fans, pero, como en mi caso son imagenes resulta que al momento de visualizar la pagina sin ser fans, deja el hueco de la otra imagen, por lo tanto los usuarios tendrian que desplegarse hacia abajo para visualizarla, al darle en me gusta ya desaparece y sale la otra en la parte superior. Mi duda se refiere al codigo q mencionas en tu pagina pues creo que le hace falta algo para que no suceda lo que a mi, podrias ver mi pagina y comentarme que estoy haciendo mal?

http://www.facebook.com/pages/The-Beach-House/129527150444165?sk=app_4949752878

Santi Folch dijo...

Hola a todos. Lo primero, comentar que tras la actualización de Facebook parecen haber quitado las pestañas, poniéndolas bajo la imagen del perfil Ya me preguntaron sobre eso, y respondí pensando que aún operaba el sistema antiguo, pido disculpas. Lo cierto es que no sé si es posible poner de nuevo las pestañas.

Vamos con vuestras dudas. Lo primero, como siempre, OS RECOMIENDO ESTUDIAR HTML Y CSS, no es difícil y solventará todas vuestras dudas. Si queréis trabajar con internet es imprescindible.

Dicho esto, Azul19 no sé que problema habrá. Sabes subir imágenes a internet, luego el problema estará en el código html que pongas en la pestaña. Es muy sencillo, pon en Google "poner imagen HTML" o algo así, es de nivel básico.

Lal1t0: ¿tu páginas es de comunidad? Si es así no podrás.

Zona Nueva: Has de estudiar un poco de CSS. Con él podrás posicionar la imagen que sale abajo donde quieras. Tienes que usar la propiedad MARGIN. Por ejemplo, div style="margin-top:-350px"

Busca entre los comentarios anteriores, una persona tuvo ya tu mismo problema.

Lal1t0 dijo...

Hola muchas gracias, amm cambie de comunidad a libro. pero no puedo poner la pestaña fbml como la principal a mostrar, no se a que se deba, si es por la actualización, o por alguna razón no la puedo poner como a la principal la pestaña fbml

Anónimo dijo...

Hola muy bueno el blog, yo queria hacerles una consulta a ver si me pueden ayudar,...

Primero me pasa lo mismo que Lal1t0 que no puedo y no tengo la opcion de cambiar la pestaña por defecto, a que se debe? No lo se, quizas facebook haya sacado esa opcion o vaya saber ...

La otra pregunta y la que mas me interesa, es saber como puedo hacer o el codigo que se tiene que utilizar para cambiar el icono, el logo de una pestaña de fbml, porque el que tiene por defecto no me fusta, me gustaria poner otra imagen, no se si se entiende a lo que digo ...

Espero que sepan lo que digo

Saludos y Gracias Ricardo de Argentina !!!

Santi Folch dijo...

Por mi parte respondo: Lal1t0, creo qué sólo puede hacerse con páginas de Facebook 'a secas', no sé si podrás cambiarla a ese modo (creo que no).

Anónimo, tampoco sé si puede cambiarse esa imagen, si alguien sabe por favor que comente :)

Lal1t0 dijo...

disculpa mi ignorancia jeje, pero como que paginas a secas, amm, yo tenia comunidad y la cambie, pero sigo sin poder cambiar mi pestaña por defecto jeje no se si me podrias explicar bien, eso de paginas a secas.....

Anónimo dijo...

hola santi
disculpa estoy atorado, no se como poner un enlace o link en una imagen, la imagen sola si me aparece pero cuiando le pongo el codigo de map para el link ya no me aparece nada como le hago apra darle clik a una imagen y me manda a otra pagina

Santi Folch dijo...

Lal1t0, no te preocupes que yo tampoco sé que puede estar ocurriendo :) Cuando yo creé mi página no existían esas opciones de hacer 'páginas de comunidad' y demás, que salieron después. Por comentarios de la gente he visto que esas páginas no pueden establecer pestaña por defecto. Yo sigo teniendo mi página normal, que creé hace mucho tiempo, y sigo pudiendo cambiar la pestaña inicial sin problema. Otra cosa no puedo decir.

Anónimo, mete la imagen dentro de una etiqueta A, no puede ser más sencillo. ¿Cuando hablas de 'map' te refieres a crear un mapa en la imagen? Eso no sé si lo aceptará Facebook, desde luego un vínculo normal sí.

Sebastian dijo...

He creado una nueva pestania FBML pero no se que pasa que no lo puedo establecer como pestaña por defecto.
Entro en Gestionar permisos , pero no tengo la opcion de cambiar la pestaña por defecto.

Alguien me podria ayudar

Santi Folch dijo...

Señor@s, tengo un anuncio que hacer. Voy a cerrar los comentarios de este artículo. El motivo principal es que el texto es demasiado largo ya, resulta difícil subir y bajar por la web de tantos comentarios como hay, y no olvidemos que lo principal es el artículo de arriba.

De todas formas las preguntas se han repetido mucho, si buscáis seguro que encontraréis a alguien que ya ha tenido vuestra misma duda. Otro consejo que os doy es que estudiéis HTML y CSS. Os vendrá muy bien para trabajar en internet (de hecho es imprescindible).

De esta forma, cuando tenga tiempo escribiré nuevos artículos y podremos seguir la conversación. De igual forma está la página de Facebook para comentar lo que queráis.

Un saludo para todos, gracias por haber aportado tantas cosas en este artículo.

--- TEMA CERRADO --

Santi Folch dijo...

-- TEMA ABIERTO --

*Atención: dado que Facebook ha eliminado las pestañas (y el código) FBML en favor de cargar ventanas (iframe), vuelvo a abrir el tema, por si alguien quiere comentar algo. A mí desde luego me choca mucho esta decisión de Facebook, que implica tirar a la basura el trabajo de muchas personas (y de ellos mismos) durante años. ¿Por qué lo habrán hecho? No lo sé, pero hecho está.

Artículo actualizado con algunas alternativas actuales.