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:
- 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.
- 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:
- Curso de redes sociales para empresas
- Como crear página de facebook
- Static html:crear una pestaña en una página de facebook
- Crear canal Youtube para empresa
- ¿Por qué crear un blog para empresa?
- Integrar blog con redes sociales
- Como funciona y como usar twitter
- Como aparecer en Google Maps
- Como posicionar mis videos en Youtube
- Ponencia de redes sociales
Harold Alfaro
Mayo 13, 2011 at 9:11 pmMuchas gracias por tu información, esta muy buena!!
Solo quisiera saber como agregar una segunda pestaña nueva?
v2p-online
Mayo 16, 2011 at 5:22 pmMuchísimas gracias por tu comentario!Static HTML permite añadir hasta 12 pestañas, para esto sigue este enlace http://www.facebook.com/note.php?note_id=207382782627172. Saludos y gracias por animarte a participar!!
Harold Alfaro
Mayo 20, 2011 at 4:00 pmGracias!!! con otra consulta, como puedo hacer para que las imagenes salgan mas grandes que(altura 270 y anchura 460.) sin que se distorcionen. te muestro un ejemplo como esta pagina me gustaria crear…. http://www.facebook.com/tacontentoguatemala?sk=app_185172274849922………….. donde la imagen es mas grande, y en la esquina del nombre aparece una pequeñita imagen… algo asi me gustaria hacer………
Muchas gracias!
krayfeerr
Mayo 28, 2011 at 6:41 amMuchisimas gracias!
sencillo pero eficaz, y los que sabemos algo de esto es una muy buena ayuda.
elprofecibernetico
Marzo 17, 2013 at 1:39 amTrate de ver lo que hiciste pero lamentablemente no pude porque me salio un rotulo, que decía que la pagina ha espirado. Pero es muy buena información te lo agradezco. Sé que es un arduo trabajo el que realizas; y espero que sigas adelante trabajando en estos post que son de mucho beneficio para nosotros los novatos.