Categories

¿Cómo personalizar plantillas Facebook HTML?

Ray Taylor agosto 30, 2011
Rating: 4.3/5. From 3 votes.
Please wait...

El siguiente tutorial le presenta el modo de personalizar plantillas Facebook basadas en HTML.

  1. Antes de comenzar la personalización de plantilla, puede revisar la plantilla original. Para ver la plantilla original, simplemente abra el fichero Index.html en el navegador.
  2. Para modificar el contenido de las páginas, abra cada fichero ‘html‘ en Dreamweaver.
  3. Usted puede utilizar la opción "Split" para revisar el diseño y el código. Para guardar el fichero, pulse CTRL+S o haga clic en File -> Save(fichero/archivo -> guardar).
  4. Para añadir más páginas, hay que duplicar la página original. Cambie su nombre y ábrala en Dreamweaver para modificar el contenido.
  5. Para la modificación de imágenes o vídeos, busque la carpeta con estos ficheros y simplemente cámbielos.
  6. Para modificar el color del texto hay que modificar el fichero .CSS.
  7. Si quiere modificar el logotipo o el texto del nombre de la empresa hay que modificar el fichero ‘psd’ con ayuda de Adobe Photoshop opción Save For Web (Guardar para Web).

    NOTA: si desea utilizar los mismos tipos de letra, por favor, instale todos tipos de letra a su computadora antes de abrir el fichero ‘psd’ y el programa Photoshop. Sólo tiene que copiar y pegar todos los tipos de letra de la carpeta ‘sources/fonts’ a la carpeta ‘control panel/fonts‘ en su ordenador.

  8. Abra el fichero ‘psd’ en Photoshop y active slices (sectores): View->Show->Show Slices.
  9. Escoja la herremienta “text tool” del panel de herramientas, haga clic en el texto de logotipo y cámbielo.
  10. Si ha terminado de modificar el logotipo, abra library (biblioteca) y oculte todas las capas, excepto la capa del logotipo.
  11. Haga clic en File->Save For Web. Elija el sector que ha modificado y haga clic en el botón Save (Guardar).
  12. Guardelo en la carpeta ‘site’. Si Usted ha hecho todo correctamente, se le pregunta si desea reemplazar el fichero.
  13. Haga clic en ‘Replace’(reemplazar).
  14. Ahora puede abrir el fichero Index.html file para revisar los cambios.
  15. Después de modificación de ficheros suba el contenido de la carpeta /site al servidor, no cambie la estructura de ficheros. Ahora puede actualizar la página de APP en Facebook para ver los cambios.

 

Siéntase libre de mirar el video tutorial abajo:

¿Cómo personalizar plantillas Facebook HTML?
Esta entrada fue publicada el Tutoriales de Plantillas Facebook Flash, Tutoriales de Facebook HTML y etiquetada edit, Facebook, general, HTML. Agregar enlace permanente a marcadores.

Submit a ticket

Si Usted todavía no puede encontrar un tutorial suficiente para arreglar su problema, por favor use el siguiente enlace para enviar un ticket a nuestro equipo de soporte técnico. Nosotros enviaremos nuestra respuesta dentro de próximas 24 horas: Enviar un ticket