Te explicamos cómo integrar tu página de Facebook en el blog en unos sencillos pasos.
Si estás viendo este tutorial es porque ya tienes página en facebook y quieres que esa página esté en tu blog para poder poner a tus seguidores de Facebook y también poder sumar nuevos seguidores.
En este tutorial te explico cómo integrar la like box de Facebook.
Lo primero que tienes que hacer es ir a la siguiente dirección:
El paso siguiente es poner la dirección de tu página de facebook en la casilla donde pone Facebook Page URL, borra la que aparece por defecto y pega la tuya.
En la casilla de al lado introduce un ancho para tu caja, 250, 300px (ten en cuenta al poner el ancho de la caja de facebook el ancho actual de la columna del blog donde vas a colocarla)
Ahora dale al botón azul que dice Get Code, espera un poco y te sale una pantalla con un código en dos partes, copia la primera parte del código.
Entra a tu blog y en el menú de la izquierda dale a la opción Plantilla/ Editar html, busca en el código html donde empieza la etiqueta <body.......> fíjate bien donde se cierra la etiqueta y dale un par de intros para pegar el primer trozo del código que te ha generado facebook después haz click en guardar plantilla.
El siguiente paso es ir a Diseño y en la parte derecha pinchar en Añadir un gadget. Busca el gadget de Html/Javascript y dale al +. En la casilla del título puedes poner facebook (es para identificarlo) y en la de abajo pega el segundo trozo del código que te ha dado facebook. Dale a guardar y si todo ha ido bien ya tendrás tu like box de facebook integrado en tu blog para que todo el mundo que te visite le pueda dar al me gusta y compartirlo en facebook.
ACTUALIZACIÓN
Cómo he explicado más arriba, el código que nos da Facebook tiene dos partes, una parte del código que va insertada en el HTML y que es genérica, y una segunda parte de código que ponemos en la parte de Diseño, que es la específica de vuestra página.
Si la primera parte del código (la que va insertada en el HTML de la plantilla de nuestro blog) nos da error al intentar guardarlo, usa este código que pongo a continuación.
<div id='fb-root'/>
<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_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
Si todo ha ido bien, ya debe funcionar.
No hay comentarios:
Publicar un comentario