1

FBML - PAGINA FACEBOOK

Para agregar FBML necesitamos ir a fbml esttico, y hacemos clic en agregar a mi pagina, seleccionas a que pagina le agregaras fbml y listo, Ahora debemos ir a la edicin de nuestra pagina, en la lista aplicaciones veremos que se a agregado FBML, le haces clic en editar y le agregamos lo que queremos que se vea en la pestaa

http://www.facebook.com/apps/application. php?id=4949752878

AGREGAR CAJA DE COMENTARIO

TUTORIALES FBML: MOSTRAR CONTENIDO A LOS FANS Y OCULTAR A LOS NO FANS

MOSTRAR CONTENIDO PARA MVILES PONER BOTON COMPARTIR

AGREGAR MSICA

COLOCAR RESTRICCIONES DE EDAD Y LOCACIN

AGREGAR VIDEO (FLV)

PUBLICAR EVENTO
PONER "VER MAS"

COLOCAR FECHAS COLOCAR CUADRO PARA INVITAR AMIGOS

MOSTRAR CONTENIDO A LOS FANS Y OCULTAR A LOS NO FANS

Para esto debes agregar la aplicacin FBML a tu pagina facebook, una vez hecho esto debers copiar y pegar el cdigo en la aplicacin. Este es el cdigo que debes utilizar: <fb:visible-to-connection> Este contenido lo vern los fans <fb:else>Los no Fans vern este contenido</fb:else> </fb:visible-toconnection> si no te interesa mostrarle informacin a los no fans podes borrarle las etiquetas <else></else>

REPARACIN AL ESPACIO QUE QUEDA ANTES DEL CONTENIDO QUE VEN LOS NO FANS
Si lo que ven los fans es demaciado largo, lo que ven los no fans quedara muy abajo, para acomodarlo tenes que subirlo con las etiquetas <p></p>. Quedara algo as: <fb:else><p style="margin-top:-100px;">contenido para no fans</p></fb:else> (modifica 100 por la distancia del espacio en blanco)

Ahora tienes que envolver todo el cdigo (<visible-to-connection></visible-toconnection>) con las etiquetas <div></div> . Quedara algo as: <div style="height:600px;"> <fb:visible-toconnection> [contenido] </fb:visible-to-connection> </div>
(modifica 600 por lo que consideres apropiado para tu cdigo, ve probando con diferentes nmeros hasta que quede bien)

AGREGAR MSICA
Para esto debes agregar la aplicacin FBML a tu pagina facebook, una vez hecho esto debers copiar y pegar el cdigo en la aplicacin. Representa un reproductor de audio basado en flash. Copia y pega este codigo en la pestaa fbml y edita lo que corresponde

<fb:mp3 src="http://host.com/file.mp3" title="Song Name" artist="Song Artist" album="Album Name"/>

title: titulo album: titulo del lbum artist: nombre del artista que canta esa cancin

se le puede agregar altura y ancho agregando los parmetros width: ancho height: alto

AGREGAR MSICA
Nota Importante: Para colocar el mp3 es necesario que tengan un host, yo les recomend que usen fileden. Una vez en la pagina hacen clic en register, luego deben elegir que tipo de plan van a tener, al final de personal account hacemos clic en sing up, este es gratis, y procedemos a completar nuestros datos. Luego de activar su cuenta hacen clic en upload para procener a subir su mp3.

AGREGAR VIDEO (FLV)

Para esto debes agregar la aplicacin FBML a tu pagina facebook, una vez hecho esto debers copiar y pegar el cdigo en la aplicacin. Agrgale un vdeo flv a tu pagina facebook, si bien podes usar la aplicacin que facebook te ofrece, esto te puede ser til para un vdeo que ya tengas en Internet. PARMETROS: src: direccin url del vdeo height: altura width: ancho title: el nombre de la fuente. el titulo aparece en la barra de control. scale: showall, noborder o exactfit img: la direccin url de la imagen que aparece detrs del botn de reproduccin antes de que el vdeo comience a reproducirse. align: l (izquierda), r (derecha), t (arriba), b (abajo). salign: l (izquierda), r (derecha), t (arriba), b (abajo). color: color de fondo CDIGO:

<fb:flv src='http://www.mediacollege.com/videogallery/testclips/barsandtone.flv' width='400' height='300' title='my movie' color='#FFBB00' salign='r' img='http://www.example.com/test.jpg' scale='showall'/>

AGREGAR VIDEO (FLV) QUEDA ASI

PONER "VER MAS"

Para esto debes agregar la aplicacin FBML a tu pagina facebook, una vez hecho esto debers copiar y pegar el cdigo en la aplicacin. PARMETROS: clicktoshow: establece el ID especificado a ser visible clicktohide: oculta el ID especificado CDIGO:
<a id="show_text" href="#" clicktohide="show_text" clicktoshow="History,hide_text"> ver mas</a> <a id="hide_text" href="#" clicktohide="History, hide_text" clicktoshow="show_text" style="display:none">ver menos</a>

<div id="History" style="display:none"> THE STUFF TO DISPLAY </div>

10

AGREGAR CAJA DE COMENTARIO

Esta herramienta permite que los usuarios comenten en la pestaa donde se la agregue. los comentarios aparecern debajo del cuadro de comentario.
<fb:comments xid="trucosfb" canpost="true" candelete="false" > CDIGO: <fb:title> TRUCOS PARA FBML (cosasparaelface.blogspot.com)</fb:title> </fb:comments>

PARMETROS:

send_notification_uid: es para enviar una notificacin cada vez que alguien comente, xid: es el identificador nico, ES IMPORTANTE QUE SEA LO debes colocar la ID. solo se puede poner una. MAS NICO POSIBLE YA QUE SI ALGUIEN MAS TIENE LOS COMENTARIOS CON EL MISMO XID, AMBOS TENDRN LA MISMA publish_feed: indica si queremos el tilde en CAJA DE COMENTARIOS, TE RECOMIENDO QUE COLOQUES LA "publicar comentario en mi perfil de facebook" URL DE TU PAGINA COMO XID.. si te queda muy largo no funcionara. simple: elimina el cuadro que rodea el rea de canpost: indica si el usuario puede comentar, dejarlo en true texto, es para darle un poco de candelete: indica si los usuarios pueden borrar cualquier comentario personalizacin. numposts: es el numero de los comentarios que se vern reverse: cambia el orden de los comentarios, es tambin para darle mas personalizacin.

11

MOSTRAR CONTENIDO PARA MVILES

Representa el contenido que figura solo cuando se entra en el sitio desde un dispositivo mvil (http://m.facebook.com). Cualquier contenido que quede fuera de las etiquetas se vera en la pagina facebook entrando al sitio normalmente por www.facebook.com CDIGO:

<fb:mobile>esto aparecer solo en m.facebook.com.</fb:mobile>

12

PONER BOTON COMPARTIR

SIMPLE:

El botn compartir nos permitir que los usuarios publiquen en su perfil lo que nosotros determinemos

podemos permitirle publicar un enlace: <fb:share-button class="url" href=URL DE TU PAGINA" />

13

PONER BOTON COMPARTIR

DETALLADO: Podramos detallar a nuestro gusto algunas cosas del botn, titulo, descripcin e imagen:

<fb:share-button class="meta"> <meta name="title" content="TITULO"/> <meta name="description" content="UN TEXTO O DESCRIPCION"/> <link rel="image_src" href="URL DE LA IMAGEN"/> <link rel="target_url" href="URL DE TU PAGINA"/> </fb:share-button>

14

PONER BOTON COMPARTIR

Comparte video tambien dentro : <fb:share-button class="meta"> <meta name="medium" content="blog"/> <meta name="title" content="Leonidas in All of Us"/> <meta name="video_type" content="application/x-shockwave-flash"/> <meta name="video_height" content="345"/> <meta name="video_width" content="473"/> <meta name="description" content="That's the lesson 300 teaches us."/> <link rel="image_src" href="http://9.content.collegehumor.com/d1/ch6/f/6/collegehumor.b38e 345f621621dfa9de5456094735a0.jpg"/> <link rel="video_src" href="http://www.collegehumor.com/moogaloop/moogaloop.swf?clip_id=1757757&auto play=true"/> <link rel="target_url" href="http://www.collegehumor.com/video:1757757"/> </fb:share-button>

15

COLOCAR RESTRICCIONES DE EDAD Y LOCACIN

Dentro de las paginas facebook en las pestaas fbml podemos colocar restricciones de edad y de locacin, mostrando cierta informacin a unos y ocultndola a otros. CODIGO RESTRICCIN POR EDAD: restringe de cierto numero (18) y menores: <fb:restricted-to age="18-">eres menor no puedes ver

Ejemplo:

esto <fb:else>puede ver esto..eres mayor de 18 aos!</fb:else> </fb:restricted-to>

Puedes colocarle la edad que desees, solo modifica el numero 18 Si quieres edades especificas, solo coloca las edades separadas por comas sin signos. Si quieres restringir contenido a mayores de cierta edad, solo coloca el numero seguido del signo mas (+)

16

COLOCAR RESTRICCIONES DE EDAD Y LOCACIN

CDIGO RESTRICCIN POR LOCACIN:
<fb:restricted-to location="ar">No te encuentras en Argentina, no puedes ver esto <fb:else>Eres argentino, puedes ver esto</fb:else> </fb:restricted-to>

Puedes combinarlos

<fb:restricted-to age="18+" location="ar">

Para colocar restriccin de otro pas solo cambia el cdigo (ar) por el pas que desees. Puedes conocer los cdigos de todos los pases en ISO

17

PUBLICAR EVENTO
Por medio de este cdigo, en nuestra pestaa fbml, aparecer el evento que determinemos con un enlace hacia l. CDIGO: <fb:eventlink eid="21150032416" />
PARMETRO: ied: es el ID del evento que quieres publicar.

QUEDA AS:

Y al hacer clic te llevara al Evento

18

COLOCAR FECHAS
este cdigo permite que la fecha que coloquemos aparecer en el idioma que corresponda al usuario CODIGOS EJEMPLO:
<fb:date t="1216170865" format="long_numeric" /> <fb:date t="0" format="monthname_time" tz="GMT" /> <fb:date t="0" format="monthname_time" tz="PST" />

QUEDA AS:

PARAMETROS: t: es el tiempo a representar tz: es la zona horaria que representara la fecha.

19

CONOCE LOS FORMATOS:

20

COLOCAR CUADRO PARA INVITAR AMIGOS

En la pestaa fbml podemos colocar un cuadro para que el usuario pueda invitar a sus amigos. Ac les muestro dos formas diferentes de cuadro, estn testeadas y editadas para que no les presente ningn tipo de error. CUADRO EN FORMA DE LISTA:
<fb:request-form type=LENGUAJE FBML" invite="true" content=" entra a Lenguaje FBMLy conoce todo sobre facebook <fb:req-choice url='' label='go' />"> <div class="clearfix" style="padding-bottom: 10px;"> <fb:multi-friend-selector condensed="true" style="width: 200px;" />
<fb:request-form-submit /> </fb:request-form> Enviar invitacion a Lenguaje

QUEDA AS:

21