codigos fbml (facebook markup lenguage) [parte 2]

Hola T!!! vengo con la segunda parte de mi Post sobre los codigos FBML

primera parte (y como agregar ventana FBML)



Colocar el boton compartir en pagina facebook (FBML)


El botón 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="http://www.facebook.com/trucobook" />


queda así:



Podríamos detallar a nuestro gusto algunas cosas del botón, titulo, descripción 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>

también podes poner un video a compartir

<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&autoplay=true"/>
<link rel="target_url" href="http://www.collegehumor.com/video:1757757"/>
</fb:share-button>




Colocar mensaje con estilo ( error/ explicación/ suceso) en pagina facebook (FBML)


I) MENSAJE DE SUCESO:
<fb:success message="Mensaje de suceso" />

QUEDA ASÍ:



MENSAJE DE SUCESO CON TEXTO:
<fb:success>
<fb:message>Mensaje de suceso</fb:message>
Este es el texto del mensaje de suceso.
</fb:success>

QUEDA ASÍ:



II) MENSAJE DE EXPLICACIÓN:
<fb:explanation message="Mensaje de explicación" />

QUEDA ASÍ:



MENSAJE DE EXPLICACIÓN CON TEXTO:
<fb:explanation>
<fb:message>Mensaje de explicación </fb:message>
Este es el texto del mensaje de explicación.
</fb:explanation>

QUEDA ASÍ:



III) MENSAJE DE ERROR:
<fb:error message="Mensaje de error" />

QUEDA ASÍ:




MENSAJE DE ERROR CON TEXTO:
<fb:error>
<fb:message>Mensaje de error</fb:message>
Este es el texto del mensaje de error.
</fb:error>

QUEDA ASÍ:






Publicar evento en pagina facebook (FBML)


Por medio de este código, en nuestra pestaña fbml, aparecerá el evento que determinemos con un enlace hacia él.


CÓDIGO:
<fb:eventlink eid="21150032416" />

PARÁMETRO:
ied: es el ID del evento que quieres publicar.


QUEDA ASÍ:



Y AL HACER CLIC EN ÉL TE LLEVA AL EVENTO:






Colocar fechas en pagina facebook (FBML)


este código 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.

HAZ CLIC EN LA IMAGEN PARA VERLA EN SU TAMAÑO ORIGINAL Y CONOCER LOS FORMATOS:






Colocar cuadro para invitar amigos en pagina facebook (FBML)


En la pestaña fbml podemos colocar un cuadro para que el usuario pueda invitar a sus amigos.
Acá les muestro dos formas diferentes de cuadro, están testeadas y editadas para que no les presente ningún tipo de error.

CUADRO EN FORMA DE LISTA:
<fb:request-form
type="Trucos FB"
invite="true"
content="entra a trucos fb y conoce todo sobre facebook <fb:req-choice url='http://www.facebook.com/trucobook' 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>

QUEDA ASÍ:



CUADRO EN FORMA DE FILAS Y COLUMNAS:
<fb:request-form
type="Trucos FB"
invite="true"
content="sumate a Trucos FB y conoce todos los TRUCOS FACEBOOK <fb:req-choice url='http://www.facebook.com/trucobook' label='go' />">
<fb:multi-friend-selector actiontext="Invita a tus amigos a trucos facebook" rows="3" cols="3" showborder="false" />
</fb:request-form>

QUEDA ASÍ:



PARAMETROS:

type: es el titulo
content: es el mensaje que les llegara en la invitación ( es importante ya que no aparecerá el nombre de la pestaña, sino que aparecerá "FBML" )
url: la dirección a donde se direccionara la invitación
max: es el numero de amigos limites a invitar, de 1 a 35.




Hacer que aparezca el nombre/ foto/ estado del usuario en pagina facebook (FBML)


para esto debes agregar la aplicación FBML a tu pagina facebook, una vez hecho esto deberás copiar y pegar el código en la aplicación.

Puedes hacer que aparezca el nombre, foto y/o estado del usuario que se encuentra en la pagina facebook, por medio de un simple código. esto te puede ser útil para que cierto mensaje sea mas directo.


CÓDIGO NOMBRE DEL USUARIO:
gracias <fb:userlink uid="loggedinuser"/> por tu visita
(edita a tu gusto)

QUEDA ASÍ:



CÓDIGO FOTO DE PERFIL DEL USUARIO:
<fb:profile-pic uid="ID DEL USUARIO" linked="true" />


CÓDIGO ESTADO DEL USUARIO:
<fb:user-status uid="loggedinuser" linked="true"/>
(Se refiere al ultimo estado publicado por el usuario)




Colocar botón "me gusta" en pagina facebook (fbml)


Un pedido muy recurrente por los administradores de paginas Facebook es como hacer para colocar el botón me gusta dentro de la misma pagina, ya sea para hacerce fan de esa pagina o de otra.
La forma de poner el botón es colocar el código que se usa para los comentarios, similar al que se coloca en las webs, donde se encuentra el botón "me gusta" por encima de la caja de comentarios, pero ocultando dicha parte quedando solo el botón "me gusta".


CODIGO:

Version 1:
<link rel="stylesheet" type="text/css" media="all" href="https://sites.google.com/site/trukibook/megusta/v1.css?attredirects=0&d=1" /> <fb:comments xid="likebutton" returnurl="http://www.facebook.com/Trukibook" > </fb:comments>




Version 2:
<link rel="stylesheet" type="text/css" media="all" href="https://sites.google.com/site/trukibook/megusta/v2.css?attredirects=0&d=1" /> <fb:comments xid="likebutton" returnurl="http://www.facebook.com/Trukibook" > </fb:comments>



-Modifica "returnurl" por la url de tu pagina Facebook, o por la url a la que quieres que le den me gusta.
-El XID es modificable pero no es necesario modificarlo, si lo dejan así no tendrán problemas.



y aki has click aki para ver algunas plantillas



bueno, lamentablemente el post llego al final pero, espero que les hayan gustado mis posts y bueno, saludos

importante

si me queres dejar puntos dejamelos en la parte 1 del post
para ir a la primera parte del post

y ahora para finalizar mi post, presionen el boton, se reiran mucho



link: http://www.peoresnada.com/flash/no_pulsar.swf