jueves, 7 de abril de 2011

comentarios de facebook en blogger

bueno en realidad es facil solo sigan estos pasos


Paso 1.
Inicien sesión en Facebook.
Paso 2.
Ingresen a esta dirección: http://developers.facebook.com/docs/reference/plugins/comments/
Paso 3.
Una vez allí encontrarán una caja de configuración en la parte inferior donde pueden modificar 3 puntos:

  • URL de la página de comentarios,
  • cantidad de comentarios, y
  • ancho de la caja de comentarios.
como se muestra en la imagen





Paso 4.
Hace clic en el botón Get code. Eso les generará el código que deberán insertar en su página web o blog. Tengan en cuenta que podrá ser insertado en cualquier sitio web que permita edición de código: Página estática html, construida con PHP, Blogger, WordPress, etc.

en blogger deben ir al menú Diseño / Edición de HTML. Asegúrense expandiendo la plantilla de artilugios. Una vez aquí, deben buscar el código:




<data:post.body/>

Justo después de este código deben añadir en la línea siguiente: este codigo es para la caja de comentarios en ingles


<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' num_posts="3" width="500"></fb:comments>

para los comentarios en español agreguen el siguiente codigo

<div id="fb-root"></div><script src="http://connect.facebook.net/es_LA/all.js#appId=APP_ID&amp;xfbml=1"></script><fb:comments expr:href='data:post.url' num_posts="3" width="500"></fb:comments>

Eso hará que luego de cada post se pueda ver la caja de comentarios de Facebook, pero incluso en la portada será visible y tal vez ustedes no deseen eso, de modo que en lugar de usar el código anterior, deberán usar este:


para ingles


<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=APP_ID&amp;xfbml=1"></script><b:if cond='data:blog.pageType == &quot;item&quot;'><div><br/><br/><fb:comments expr:href='data:post.url'/></div></b:if>

para español

<div id="fb-root"></div><script src="http://connect.facebook.net/es_LA/all.js#appId=APP_ID&amp;xfbml=1"></script><b:if cond='data:blog.pageType == &quot;item&quot;'><div><br/><br/><fb:comments expr:href='data:post.url'/></div></b:if>


y listo



si alguno tiene un blog de color negro y la letra de los comentarios no se ve tal ves le interese lo siguiente

http://efectosparabloggerywebs.blogspot.com/2011/11/cambiar-el-color-de-los-comentarios-de.html






0 comentarios:

Publicar un comentario