![Page 1: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/1.jpg)
Personalización de páginas de facebook e integración con Blogger
![Page 2: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/2.jpg)
Las páginas de facebook se personalizan utilizando aplicaciones
Hay aplicaciones gratuitas para casi cualquier cosa y se pueden crear aplicaciones propias.
![Page 3: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/3.jpg)
Para instalar una aplicación solo debemos seleccionarla de la lista.
Toma tiempo encontrar aplicaciones realmente útiles que sirvan para agregar
valor a nuestros sites
Muchas aplicaciones están mal programadas y presentan errores. Es importante mirar la calificación y revisar las páginas de las aplicaciones
![Page 4: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/4.jpg)
![Page 5: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/5.jpg)
Te permite agregar hasta 2 aplicaciones a tu página:
• Static HTML: Agregar contenido personalizado a la página de facebook• Twitter: Incorporar el timeline de twitter en una pestaña separada• YouTube Channel: Incluir un canal o lista de reproducción
Para más aplicaciones ver http://involver.com/applications/
![Page 6: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/6.jpg)
En la pantalla de configuración de la página escoger la opción de Aplicaciones
Ir a la opción Explorar más aplicaciones
![Page 7: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/7.jpg)
Buscar la aplicación que desean incorporar a su página. Ej: Static HTML for Pages
![Page 8: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/8.jpg)
Escoger la opción para instalarla
![Page 9: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/9.jpg)
Escoger la página para instalarla
![Page 10: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/10.jpg)
En la pantalla de configuración se puede
introducir un código HTML o una imagen.
El ancho máximo de los contenidos en de 520 pixels
En esta opción se le cambia el nombre por defecto a la
pestaña
![Page 11: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/11.jpg)
Colocar la nueva aplicación cómo “Default Landing Tab”
Para que sea la página de inicio
![Page 12: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/12.jpg)
Ya creada nuestra página personalizada en Facebook, podemos promocionarla de distintas maneras:
1. Sugerir la página a tus amigos es una manera gratuita y sencilla de comenzar
2. Los anuncios de Facebook son una forma muy efectiva de promoción. El costo relativamente bajo comparado con otros medios.
3. Incluir una “insignia” o botón de me gusta en su blog.
![Page 13: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/13.jpg)
Integración de facebook con blogger (blogspot.com)
![Page 14: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/14.jpg)
Los blog se personalizan mediante Gadgets.
Para incluirlos presiona Añadir Gadget en la pestaña de diseño
![Page 15: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/15.jpg)
Facebook Share permite que sus visitantes
compartan la información del blog en facebook
![Page 16: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/16.jpg)
Para colocar el botón de “me gusta” en tu blog1. Ir a tu página2. Copiar el URL de la página ejem:
http://www.facebook.com/pages/UCAB-Multimedia-2011/1514508882502803. Ir a editar página->Marketing-> Agregar botón “Me gusta en tu sitio web”
![Page 17: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/17.jpg)
Colocar el URL que copiamos anteriormente
Para Blogspot el ancho debe ser de 200 px
Seleccionar “Get Code”
![Page 18: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/18.jpg)
Copiar el código.Pueden usar cualquiera de
las versiones
![Page 19: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/19.jpg)
En su blog. Agregar el Gadget “HTML/Javascript”
![Page 20: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/20.jpg)
Pegar el código generado por Facebook en el
recuadro
![Page 21: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/21.jpg)
El nuevo Gadget aparece en la barra lateral
![Page 22: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/22.jpg)
![Page 23: Personalización de páginas de facebook e integración con Blogger](https://reader036.vdocumento.com/reader036/viewer/2022081519/5590b1101a28abfd058b4637/html5/thumbnails/23.jpg)
Práctica