Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

11
Como insertar o embeber en un blog de Blogger, en Tumblr o en un sitio web, fotos o una publicación de una página de Facebook, interesante, que atraiga y guste a los lectores. Como mostrar imágenes y publicaciones de Facebook en un blog o página web CONSEJO S, TRUCOS Y TIPS

description

Como insertar o embeber en un blog de Blogger, en Tumblr o en un sitio web, fotos o una publicación de una página de Facebook, interesante, que atraiga y guste a los lectores. Facebook facilita insertar las publicaciones de las páginas en los sitios web externos. La opción se conoce como "Embedded Posts" (post insertados). De esa forma se muestran las publicaciones, así como todos los elementos que la acompañan, de la misma forma que se ve en Facebook. Más detalles se pueden leer en la siguiente página: http://norfipc.com/web/insertar-imagenes-publicaciones-facebook-blog-pagina-web.php

Transcript of Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

Page 1: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

Como insertar o embeber en un blog de Blogger, en Tumblr o en un sitio web, fotos o una publicación de una página de Facebook,

interesante, que atraiga y guste a los lectores.

Como mostrar imágenes y publicaciones de Facebook en

un blog o página web

CONSEJOS, TRUCOS

Y TIPS

Page 2: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

Facebook facilita insertar las publicaciones en los sitios web externos.La opción se conoce como "Embedded Posts" (post insertados).De esa forma se muestran las publicaciones, así como todos los elementos que la acompañan, de la misma forma que se ve en Facebook.Estará disponible junto ella el botón "Me Gusta", la opción de "Comentar", de "Compartir", la cantidad de "like" que ha recibido, las veces que se ha compartido y un vínculo a la página original.Observa cómo hacerlo si posees un blog en Blogger o Tumblr.

Obtener el código en FacebookInsertar la publicación en BloggerInsertar la publicación en Tumblr

Page 3: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

En Facebook busca la imagen o cualquier otra publicación que se desea insertar. Da un clic en la parte superior derecha.

Obtener el código de una publicación en Facebook

Page 4: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

En el menú selecciona: "Insertar publicación "

Page 5: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

Copia el código usando las teclas Control + C

Page 6: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

En el editor de Blogger selecciona donde insertar la imagen. Da un clic en el botón "HTML".

Insertar la publicación en Blogger

Page 7: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

Busca en el código HTML el lugar exacto. Pega el código de Facebook. Guarda los cambios.

Page 8: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

Es necesario agregarle al código copiado de Facebook unos elementos para asegurar la compatibilidad y la validación correcta del código HTML de la página.Observa en la imagen los elementos, aparecen de color verde.

Insertar la publicación en Tumblr

Page 9: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

En el editor de Tumblr da un clic en la opción "HTML".

Page 10: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

Desciende y busca el lugar exacto donde insertar la publicación.Pega el código y guarda la publicación.

Page 11: Como mostrar imagenes y publicaciones de Facebook en un blog o pagina web

Mas información:

Lee más información detallada en la siguiente página de nuestro sitio web: Como insertar imágenes y publicaciones de Facebook en un blog o página web

Ejemplos prácticos de publicaciones de Facebook insertadas:

Una confesión de amor para alguien especial en TumblrMensajes cristianos en internet de fe en Jesucristo

NorfiPC – 2013 http://norfipc.com