Insertar imágenes y publicaciones de Facebook en un blog o página web

Como mostrar en un blog de Blogger, de Tumblr o en las páginas de un sitio web, fotos o cualquier publicación de una página de Facebook, interesante, que atraiga y agrade a los lectores. Impregnarla incluyendo los botones Me Gusta, Compartir, los "like" que recibe y otros datos.
Insertar imágenes y publicaciones de Facebook en un blog o página web
En ocasiones deseamos agregar una publicación que nos interese o guste de Facebook, en un post en nuestro blog o sitio web.
Puede ser cualquier tipo de publicación, pero las que más aportan y despiertan el interés de nuestros lectores son las imágenes.
Por supuesto imágenes relacionadas con el contenido que publicamos.
Para insertar cualquier imagen también tenemos la opción de descargarla previamente o de usar la dirección que le pertenece, pero el método ideal es de insertarla usando el script que proporciona Facebook.
La opción se conoce como "Embedded Posts" (post insertados).
Consiste en insertar un código proporcionado por Facebook, de esa forma se mostrará la imagen, 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.
Hacerlo es algo sencillo, guíate por las siguientes imágenes y comprueba el resultado final.

Mostrar en un blog o página web imágenes o fotos de Facebook


1- En la parte superior derecha de la imagen o publicación da un clic con el ratón para abrir el menú de opciones.
Imagen en una página de Facebook que se desea insertar en un blog
2- Escoge: "Insertar publicación".
Opción en el menú para insertar la publicación
3- En la ventana que se abre "Insertar esta publicación", da un clic en el cuadro donde aparece el código y cópialo usando las teclas Control + C.
Código para insertar la publicación en un blog o página web
4- Pega el código en el área de la página donde deseas que aparezca.
Por supuesto necesitas acceso al código HTML de tu página.


Publicación de Facebook insertada en esta página


Ejemplo de una imagen publicada en nuestra página de Facebook, insertada en este artículo.





Como insertar una publicación de Facebook en un blog de Blogger


Si posees un blog en Blogger puedes insertar una imagen o cualquier otra publicación.
No es nada difícil, solo sigue los siguientes pasos:
1- Crea tu post, escoge el lugar exacto donde deseas insertar la publicación.
Escoger en el editor de Blogger el lugar donde insertar una publicación de Facebook
Copia la línea de texto que se encuentra en la parte superior.
2- En el editor de Blogger da un clic en el botón "HTML", se cambiará a la vista de código.
3- Si tienes dificultad para encontrar el lugar exacto en el código donde ira la publicación, usa las teclas CONTROL + F para hacer una búsqueda.
Pega la línea de texto que copiaste y el navegador te indicará inmediatamente el lugar donde se encuentra.
4- Desciende una línea y pega el código proporcionado por Facebook.
Código de Facebook insertado en un post de Blogger
Es todo.
5- Da un clic en el botón: "Redactar" para volver a la vista predeterminada.
6- Guarda los cambios.
Puedes ver un ejemplo práctico en nuestro blog en Blogger:
Mensajes cristianos en internet de fe en Jesucristo


Como insertar una publicación de Facebook en un blog de WordPress


Gracias a los cambios implementados en WordPress, en un blog de esta plataforma es donde resulta más sencillo insertar cualquier publicación.
Solo es necesario copiar el código de dicha publicación en Facebook y pegarlo directamente en el lugar exacto donde queremos mostrarla en el editor de WordPress.
Es todo.

Como insertar una publicación de Facebook en un post de Tumblr


De forma algo similar a Blogger podemos en nuestro blog de Tumblr insertar imágenes, fotos o cualquier publicación de Facebook.
Solo 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.
Si no se hace así y se pega el código original, de forma automática Tumblr le agrega una etiqueta para que no se renderice, por lo tanto no se mostrará la publicación.
Observa en la imagen los elementos a agregar al código original de Facebook, aparecen de color verde.
Modificar el código de Facebook para insertar en un blog de Tumblr
Después de tener preparado el código correctamente haz lo siguiente:
1- En el editor de Tumblr da un clic en la opción "HTML".
Escoger en el editor de Tumblr el lugar donde insertar una publicación de Facebook
Se cambiará la vista norma a la vista en código.
2- Desciende y busca el lugar exacto donde insertar la publicación.
3- Pega el código.
Código de Facebook insertado en un post de un blog de Tumblr
4- Presiona el botón "Guardar cambios" o Publicar si no lo has hecho anteriormente.
Es todo.
Comprueba que se muestra la publicación.
Observa un ejemplo práctico de una publicación de Facebook insertada, en el siguiente post en Tumblr:
Una confesión de amor para alguien especial 
Comparte este artículo:
+
Pagina Anterior
« Entradas mas Recientes
Pagina Siguiente
Siguiente Publicación »
 
Back To Top