Lo primero que tienes que hacer es crearte una pagina de Facebook, al terminar ingresar a la página oficial de Facebook para desarrolladores, esto es lo que veremos:
- Facebook Page URL.- Esta es la URL de tu página en Facebook, accede a tu cuenta de Facebook y copia la dirección web aquí
- Width.- El ancho, en píxeles, que tendrá la caja, intenta que se ajuste al lugar donde la colocarás
- Height.- El alto, en píxeles, de la caja. Cuanto más grande hagas la caja, más fotos contendrá
- Color Scheme.- Plantilla de la caja, dispones de dos: light (clara) y dark (oscura)
- Show Friend's Faces.- Marca esta opción si deseas que se vean las fotos de tus fans
- Show Header.- Si marcas esta opción, se mostrará la cabecera de la caja "Búscanos en Facebook"
- Show Posts.- Si la habilitas, se mostrarán las últimas publicaciones de tu página de Facebook
- Show Border.- Indica si quieres bordes en la caja
Al terminar generas el codigo, pero aun no copies ninguno.
Luego agregamos el siguiente codigo en Plantilla | Edición de HTML, y ahora antes de </body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Para terminar agregamos el segundo resultado del código generado anteriormente en Diseño/HTML/Javascript, el primero fue reemplazado por el código anterior.