Tecnología

Inicio

Cómo convertir HTML para FBML

Cómo convertir HTML para FBML


Facebook páginas de destino, también llamadas "páginas de fans," son una manera divertida y única de personalizar su grupo, de negocios, de fans o de banda. En los últimos años, las páginas de fans utilizan una aplicación especial Facebook, llamado "Static FBML" para Facebook Markup Language. FMBL etiquetas pueden tirar en muchas funciones tales como Facebook Al igual que los botones, los comentarios, los canales RSS, o mensajes de estado. La aplicación estática FMBL requiere varios cambios en la forma en que su HTML está formateado con el fin de rendir adecuadamente cuando un usuario visita su página. Además, Facebook pone limitaciones en los estilos de JavaScript y CSS, lo que requiere para incluirlos en el cuerpo del código HTML.

Instrucciones

1 Determinar qué funciones dentro de su diseño de página puede ser sustituido por etiquetas FMBL. Un ejemplo podría ser el código HTML de un formulario de comentarios que puede ser reemplazado por la etiqueta de comentario de Facebook: <fb: comentarios> o utilizando <fb: pestañas> para reemplazar una barra de navegación horizontal con las pestañas de Facebook. Facebook ofrece una amplia referencia de etiquetas FMBL disponibles en su página de Facebook Markup Language (FBML).

2 Mueva todos los estilos CSS en el documento HTML principal colocando el CSS entre </ style> justo debajo de la etiqueta de apertura <style> <body>. Repetir esto para cualquier javascript código de inicialización que pueda tener en su cabecera HTML, moviéndose hacia abajo por debajo de la CSS entre <script> </ script> etiquetas.

3 Retire toda la cabecera del documento HTML, a partir de la etiqueta de apertura <html> y terminando con la etiqueta de cierre </ head>. También quite las etiquetas <body>, </ body> y </ html>. Ahora le resta con sólo el contenido, el estilo y los scripts de la página HTML.

4 Vuelva a colocar todos los enlaces de imagen y los archivos con la ruta URL completa en la que se cargarán los archivos, tales como su servidor web o un servicio de uso compartido. Usted puede tener resultados impredecibles si se trata de un enlace directo a archivos o imágenes cargadas en su perfil de Facebook.

5 Vuelva a colocar cualquier objeto> <embed o códigos con el <fb: swf> etiqueta. Es posible que el uso de códigos de inserción para agregar un widget de terceros o presentación a su página; Sin embargo, Facebook no va a representar el objeto correctamente y requiere FMBL para hacerlo. Para comenzar, ingrese la etiqueta de apertura <fb: swf>, a continuación, pulsa enter para crear una nueva línea. Copiar y pegar el siguiente código, a continuación, busque la dirección URL siguiente "src =" en el código de inserción y reemplazar URL aquí:

swfsrc = "URL AQUÍ '

Repita para el siguiente, en sustitución de URL aquí con la línea de código que viene después "FlashVars" en el código de inserción, si existe:

'código aquí' FlashVars =

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

imgsrc = "URL AQUÍ 'width =' Enter ancho en píxeles 'height =' Introduzca la altura en píxeles '
</ Fb: swf>

Consejos y advertencias

  • Vuelva a colocar las pestañas estático FMBL con una aplicación de marco flotante libre tal como TabPress lugar. Como Facebook comienza a entregarse apoyo a FMBL, iFrames se convertirán en la norma. Estas aplicaciones le permiten "importar" una página web que se puede actualizar de forma dinámica fuera de Facebook, y no está limitado por el código HTML de FMBL, CSS, JavaScript o restricciones.