{"id":254,"date":"2013-12-11T13:04:00","date_gmt":"2013-12-11T13:04:00","guid":{"rendered":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-facebook-en-el-blog"},"modified":"2016-03-02T08:25:01","modified_gmt":"2016-03-02T08:25:01","slug":"como-poner-facebook-en-el-blog","status":"publish","type":"post","link":"https:\/\/www.euroresidentes.com\/tecnologia\/trucos-diseno-web\/como-poner-facebook-en-el-blog\/","title":{"rendered":"C\u00f3mo poner facebook en el blog"},"content":{"rendered":"

A\u00f1adir facebook a blogger<\/b>
\n
<\/b>
\nTe explicamos c\u00f3mo integrar tu p\u00e1gina de facebook en el<\/b> blog <\/b>en unos sencillos pasos.
\nSi est\u00e1s viendo este tutorial es porque ya tienes p\u00e1gina en facebook y quieres que esa p\u00e1gina est\u00e9 en tu blog para poder poner a tus seguidores de facebook <\/b>y  tambi\u00e9n poder sumar nuevos seguidores.<\/p>\n

<\/p>\n

\n\"como<\/a><\/div>\n

\nEn este tutorial te explico c\u00f3mo integrar la like box de facebook.<\/b>
\n
<\/b>
\nLo primero que tienes que hacer es ir a la siguiente direcci\u00f3n:
\nhttps:\/\/developers.facebook.com\/docs\/plugins\/like-box-for-pages\/<\/a><\/p>\n

El paso siguiente es poner la direcci\u00f3n de tu p\u00e1gina de facebook en la casilla donde pone Facebook Page URL, borra la que aparece por defecto y pega la tuya.<\/p>\n

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)<\/p>\n

Ahora dale al bot\u00f3n azul que dice Get Code, <\/b>espera un poco y te sale una pantalla con un c\u00f3digo en dos partes, copia la primera parte del c\u00f3digo.<\/p>\n

\n<\/div>\n
\n<\/div>\n
\n\"paso1<\/a><\/div>\n

\nEntra a tu blog y en el men\u00fa de la izquierda dale a la opci\u00f3n Plantilla\/ Editar html, <\/b>busca en el c\u00f3digo html donde empieza la etiqueta <body…….> <\/b>f\u00edjate bien donde se cierra la etiqueta y <\/b>dale un par de intros para pegar el primer trozo del c\u00f3digo que te ha generado facebook despu\u00e9s haz click en guardar plantilla<\/b>.<\/p>\n

\n\"paso2<\/a><\/p>\n

\"paso1<\/a><\/p>\n

El siguiente paso es ir a Dise\u00f1o<\/b> y en la parte derecha pinchar en A\u00f1adir un gadget<\/b>. Busca el gadget de Html\/Javascript <\/b>y dale al +<\/b>. En la casilla del t\u00edtulo puedes poner facebook (es para identificarlo) y en la de abajo pega el segundo trozo del c\u00f3digo que te ha dado facebook. Dale a guardar y si todo ha ido bien ya tendr\u00e1s 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.<\/p>\n

\n\"paso3<\/a><\/p>\n

\n\"paso3<\/a><\/p>\n

\n
ACTUALIZACI\u00d3N<\/h3>\n
\nC\u00f3mo os he explicado m\u00e1s arriba, el c\u00f3digo que nos da facebook tiene dos partes<\/b>, una parte del c\u00f3digo que va insertada en el html y que es gen\u00e9rica, y una segunda parte de c\u00f3digo que ponemos en la parte de Dise\u00f1o, que es la espec\u00edfica de vuestra p\u00e1gina. <\/div>\n
\n<\/div>\n
\nSi la primera parte del c\u00f3digo (la que va insertada en el html de la plantilla de vuestro blog) os da error al intentar guardarlo, usad este c\u00f3digo que os pongo a continuaci\u00f3n.<\/b><\/div>\n
\n<\/div>\n
\n
\n<div id=’fb-root’\/><\/i><\/div>\n
\n<script>(function(d, s, id) {<\/i><\/div>\n
\n  var js, fjs = d.getElementsByTagName(s)[0];<\/i><\/div>\n
\n  if (d.getElementById(id)) return;<\/i><\/div>\n
\n  js = d.createElement(s); js.id = id;<\/i><\/div>\n
\n  js.src = &quot;\/\/connect.facebook.net\/es_LA\/all.js#xfbml=1&quot;;<\/i><\/div>\n
\n  fjs.parentNode.insertBefore(js, fjs);<\/i><\/div>\n
\n}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));<\/script><\/i><\/p>\n

\nSi todo ha ido bien ya debe funcionar.<\/p>\n<\/div>\n<\/div>\n

\nSi tienes alguna duda pudes preguntar intentar\u00e9 resolverlas en las medida de mis posibilidades \ud83d\ude42<\/p>\n

\nEnlace relacionados con c\u00f3mo poner facebook en el blog:<\/b><\/p>\n