Static Html:Como crear una pestaña en una página de Facebook con HTML (alternativa al FBML)

Para crear una pestaña en una página de Facebook hasta hace muy poco se utilizaba una aplicación llamada static FBML (FBML es una especie HTML para Facebook: FaceBook Markup Language). Ahora está aplicación no se puede utilizar para crear pestañas en Facebook, pero hay una nueva aplicación de Facebook que ofrece mejores resultados para este propósito. Esta aplicación se llama static HTML – iframe for Pages:

Para agregar la aplicación static HTML – iframe for Pages a nuestra página de Facebook:

 

Seleccionar Cuenta y después Usar Página como Facebook:

 

Seleccionar Editar la página:

Seleccionar Aplicaciones:

Introducir y buscar en la Caja de Búsqueda de Facebook  static HTML iframe for Pages y seleccionar la aplicación static HTML iframe for Pages:

Ir a la página de Static Html iFrame for Pages y seleccionar Agregar a mi Página:

Una vez añadida la aplicación Static HTML a tu página ir a Cuenta y Usar Facebook como Página:

Seleccionar pestaña StaticHTML:


Después de clickear en la pestaña staticHTML seleccionar en el menu despegable Edit HTML Mode:

En este momento nos encontramos con dos subpestañas (HTML FAN y HTML NOFAN respectivamente). En este momento hay que introducir el mismo código HTML en las subpestañas HTML FAN y HTML NOFAN para generar la pestaña. Si no maneja HTML en el siguiente paso te facilito un código básico para personalizar y conseguir de esta forma una pestaña básica pero con diseño personalizado.

Si manejas código HTML únicamente tienes que generar en este lenguaje la pestaña que desees. Si no te facilito un código para que modificando unos parámetros crees una pestaña personalizada.

Este código generará una pestaña similar a la Fan Page de V2p-online:

Para ello necesitas:

  1. Imagen que represente tu negocio con unas dimensiones de aproximadamente altura 270 y anchura 460. Esta imagen será la cabecera de la página de Facebook. Esta imagen tienes que colgarla en tu galería de fotos de Facebook o en tu blog o página. Si lo cuelgas en tu Galería de fotos de Facebook lo que tienes que hacer es coger la URL de esta imagen. Para esto en Internet Explorer tienes que hacer click con el botón derecho encima de la imagen y seleccionar Propiedades, en propiedades copiar el campo Dirección (URL). En Firefox y en Chrome se realiza de forma similar.
  2. Texto descriptivo de tu negocio o cualquier texto que quieras mostrar para intentar seducir a tus posibles Fans.

A continuación cambiar los cambios del siguiente código HTML en negrita por su respectiva descripción e introducir en las subpestañas HTML FAN y HTML NOFAN y guardar:

<a href="http://www.URL-DE-TU-PAGINA.es"><img class="aligncenter size-medium wp-image-118" title="" src="http://www.URL-DE-TU-IMAGEN-COLGADA-en-FACEBOOK.png" alt="" height="260" width="450"></a>
<br>
<p style="text-align: justify;"> TEXTO DESCRIPTIVO DE TU NEGOCIO </p>

 

A continuación el resto de módulos del Curso de Redes Sociales:

  1. Curso de redes sociales para empresas
  2. Como crear página de facebook
  3. Static html:crear una pestaña en una página de facebook
  4. Crear canal Youtube para empresa
  5. ¿Por qué crear un blog para empresa?
  6. Integrar blog con redes sociales
  7. Como funciona y como usar twitter
  8. Como aparecer en Google Maps
  9. Como posicionar mis videos en Youtube
  10. Ponencia de redes sociales