ubiquitour.com

Cómo convertir HTML a FBML

Cómo convertir HTML a FBML

Páginas de aterrizaje de Facebook, también llamados "páginas de fans," son una manera divertida y única de personalizar tu página de grupo, negocio, ventilador o banda. En los últimos años, páginas de fans utilizan una aplicación de Facebook especial, llamada "Static FBML" para Facebook Markup Language. Etiquetas FMBL pueden tirar en muchas funciones de Facebook tales como botones, comentarios, Feeds RSS o mensajes de estado. La aplicación de Static FMBL requiere varios cambios en cómo el código HTML tiene el formato con el fin de procesar correctamente cuando un visitante ve la página. Además, Facebook pone limitaciones en JavaScript y CSS estilos, necesidad de incluir en el cuerpo de tu HTML.

Instrucciones

1 Determinar que funciones dentro de su diseño de página pueden ser reemplazados por etiquetas FMBL. Un ejemplo podría ser el código HTML de un formulario de comentario que puede sustituirse por la etiqueta de comentario de Facebook: < fb:comments > o < fb:tabs > para reemplazar una barra de navegación horizontal con las pestañas de Facebook. Facebook proporciona que una referencia extensa de FMBL disponible clave en su página de Facebook Markup Language (FBML).

2 Mover todos los estilos CSS en el HTML principal del documento mediante la colocación de las CSS entre < >< / estilo > Etiquetas justo debajo de la etiqueta de apertura < cuerpo >. Repetir este proceso para cualquier código de inicialización de javascript que puede tener en el encabezado del HTML, bajando por debajo de las CSS entre < script >< / script > etiquetas.

3 Quitar el encabezado completo del documento HTML, la etiqueta de apertura < html >, empezando y terminando con la etiqueta de cierre < / cabeza >. También Retire el cuerpo del < >, < / body > y < / html > etiquetas. Ahora se quedan con solo el contenido, estilo y los scripts de la página HTML.

4 Vuelva a colocar todos los enlaces de imagen y archivo con la ruta completa de la URL de donde se cargarán los archivos, como su servidor web o una imagen de servicio de uso compartido. Usted puede tener resultados impredecibles si tratando de enlazar directamente a archivos o imágenes subidas a tu perfil de Facebook.

5 Reemplazar cualquier < objeto > o incrustar códigos con la etiqueta < fb:swf >. Puede que esté utilizando incrustar códigos para agregar un widget de terceros o presentación de diapositivas a su página; sin embargo, Facebook no puede representar el objeto correctamente y requiere FMBL hacerlo. Comienza introduciendo la etiqueta de apertura < fb:swf >, luego presiona enter para crear una nueva línea. Copie y pegue el código siguiente, entonces Localice la siguiente URL "src =" en el código de embed y reemplazar URL aquí:

swfsrc = 'URL aquí'

Repetir para el siguiente, reemplazando URL aquí con la línea de código que viene después de "flashvars" en el código de embed, si existe:

flashvars = 'Código aquí'

Por último, agregue el siguiente código y reemplazar URL aquí con la dirección URL completa a una imagen o gráfico el espectador se haga clic en para iniciar la presentación. Este es un requisito de limitaciones de javascript de Facebook:

Imgsrc = 'URL aquí' width = 'Introduzca el ancho en píxeles' height = 'Introduzca la altura en píxeles'< / fb:swf >

Consejos y advertencias

  • Vuelva a colocar las pestañas FMBL estático con una aplicación iFrame libre como TabPress en su lugar. Facebook comienza a retirar apoyo a FMBL, iFrames se convertirá en el estándar. Estas aplicaciones le permiten a "importar" una página web que se puede actualizar dinámicamente fuera de Facebook y no está limitada por HTML de FMBL, CSS, o restricciones de JavaScript.