Agregar la caja de comentarios de Facebook en Blogger

6 de diciembre de 2011 1541 comentarios ,
Uno de los temas más solicitados es cómo poner la caja de comentarios de Facebook en el blog, y es que a veces se vuelve más fácil comentar desde Facebook pues la mayoría está conectado a esa red social todo el tiempo, además no necesitamos ingresar con nuestros datos de Google para poder comentar en un blog que contenga este tipo de comentarios.

Este método lo vi en Vagabundia, donde explican cómo agregar el Plugin de comentarios de Facebook de manera que cada entrada tenga su propia caja de comentarios y sea independiente a las demás.

Como primer paso entra en la Edición HTML del blog y busca la etiqueta:
<body>
Si usas una plantilla del Diseñador entonces la encontrarás como:
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
Debajo de cualquiera de ellas agrega esto:
<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 = &quot;//connect.facebook.net/es_LA/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
Después busca esta línea:
<b:includable id='post' var='post'>
Si vieras una flechita ▶ al lado de ella da click para que se expanda ese artilugio. Y justo antes del siguiente </b:includable> agrega esto:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='comentariosFacebook'><div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.canonicalUrl'/></div>
</b:if>

Así se ve el área donde se agrega el código (la parte que está arriba del área marcada en rojo puede variar de plantilla en plantilla)


Con eso ya tendrás la caja de comentarios de Facebook en tus entradas (recuerda que debes ingresar a un post para poder verla).
La caja estará arriba de los comentarios de Blogger. Si quieres que esté debajo del formulario de comentarios entonces el código del plugin ponlo justo arriba de este código:
</div>
<b:if cond='data:post.includeAd'>

Dentro del último código que añadimos veremos estos parámetros:
data-num-posts='5'
data-width='500'
data-colorscheme='light'
El primero es el número de comentarios que se mostrarán; el segundo el ancho del formulario; y el tercero el color del formulario, puedes cambiar light por dark

Hasta ahí ya tenemos el CommentBox de Facebook; si deseas personalizarlo un poco puedes colocar antes de ]]></b:skin> algunos estilos, por ejemplo:
#comentariosFacebook {
background:#F2F2F2; /* Color de fondo del contenedor */
width:520px; /* Ancho del contenedor */
padding:10px;
margin-top:0px; /* Cámbialo por -180px si lo has puesto debajo de los comentarios de Blogger */
}

Si quieres que cada vez que alguien haga un comentario te llegue una notificación de Facebook, y puedas moderar los comentarios, será necesario que crees una aplicación. Pero para ello es necesario tener verificada la cuenta de Facebook.

Si es así, entra a Facebook Developers y haz click en el botón Crear nueva aplicación.


Ahí escribe el nombre de la aplicación, acepta los términos y click en Continuar.


En la siguiente pantalla haz click en Sitio web, ahí escribe la URL de tu blog donde lo pondrás; también copia el número que está en App ID.


Ahora entra de nuevo en la Edición HTML de tu blog y pega antes de </head> esto:
<meta content='ID de USUARIO' property='fb:admins'/>
<meta content='ID de APLICACIÓN' property='fb:app_id'/>
En la ID de aplicación agrega la serie de números que copiaste. Y en ID de usuario agrega tu ID de Facebook, sino lo conoces ingresa a este enlace:
http://graph.facebook.com/usuario
Cambia donde se indica tu nombre de usuario y da click, ahí verás cuál es la ID de tu usuario de Facebook (Gracias a Siniestro por el tip).

Una vez hecho eso ingresa a una entrada para ver tu caja de comentarios y dale click en Configuración. Ahí verás varias opciones del plugin; en donde dice Moderadores, agrega tu nombre y guarda los cambios.


Una vez habiendo hecho todo lo anterior podrás moderar los comentarios y recibirás las notificaciones en tu cuenta de Facebook cada vez que alguien haga un comentario. Sino lo haces podrás seguir teniendo tu caja de comentarios de Facebook pero sin estas opciones.

Al final de la entrada he puesto una para que puedas probar el resultado, pero cualquier duda sobre el tema déjala en los comentarios de Blogger ;)


1.541 comentarios en:

" Agregar la caja de comentarios de Facebook en Blogger "

  1. Extraordinario trabajo el post Potro, super rekete bien explicado, felicidades y gracias

    ResponderEliminar
  2. potro la verdad que tu haces que las cosas se miran facil gracias potro por ser nuestro maestro.

    ResponderEliminar
  3. buenisismo, no me tomo ni 5 minutos hacerlo con tus indicaciones y funciona de maravilla, como siempre explicado de una forma tan facil que es dificil equivocarse. un abrzo fuerte hermano

    ResponderEliminar
  4. Buena Potro ya lo leeré más al detalle para ponerlo en el blogg

    ResponderEliminar
  5. Vale potro ya la integre me quedo super bien,muchas gracias =D, pero tengo unos problemas con la parte superior de mi plantilla, en el banner, queda todo mal esta dividivo en 2 y yo solo quiero una zona de gadget y tiene 2 logre quitarle una pero nose como agrandarla la zona que me queda hacia lo lados el width, mmm aqui te dejo el link aver si me peudes hechar una mano....

    http://pruebadeplantillascarlitocomparte.blogspot.com/


    saludos mi potrillo desbocado xD

    ResponderEliminar
  6. Este comentario ha sido eliminado por un administrador del blog.

    ResponderEliminar
  7. Ola Potro una Pregunta esto afectara la Posicion de mi CEO dicho de otra manera digamos Google toma mas en cuenta los comentarios realizados en blogger no?? bueno esa es mi consulta Gracias :)

    ResponderEliminar
  8. oyes en mi Template de blogger no aparece la linea de

    Alguna solucion?

    ResponderEliminar
  9. Perdon ya la encontre me falto expandir artilugios Excelente aporte

    ResponderEliminar
  10. MaGoS RaDioMuSiC, cuando son posts "largos" siempre tengo la duda si he sido claro o no, porque a veces ni yo me entiendo :P
    Buenas noches :)

    ResponderEliminar
  11. videosxxx, gracias a ustedes por estar siempre :)

    cutexmas, rápido ¿no?, parece que puede ser complicado, pero siguiendo los pasos al pie de la letra nos damos cuenta de lo fácil que es. Otro abrazo para ti.

    ResponderEliminar
  12. VacilandoUnRap, "potrillo desbocado" jajaja.
    Sólo tienes que ampliar el ancho de la cabecera, eso lo haces en esta parte:

    #header{margin:0;border:0 solid $bordercolor;color:$pagetitlecolor;float:left;width:45%;overflow:hidden;}

    Cambia ese 45% por 100% para que alcance todo el ancho del contenedor de la cabecera.
    A ver si te encuentro luego por allá, ayer ya no te vi o.O
    Suerte wn.

    ResponderEliminar
  13. Jhonnysan, que todo salga bien :)

    Delzon Perez, sí caray, es que el no poder crear la aplicación me detuvo varios meses, pero más vale tarde que nunca ;)

    ResponderEliminar
  14. Potro ahora kiero cambiar esto del blog, no se porque los titulos salen incompletos faltando alguna letras...porfavoir mira y dime que es lo k pasa...plis gracias!
    checa la imagen

    AQUI LA IMAGEN

    ResponderEliminar
  15. Como kito esos bordes potro...

    checa la imagen gracias!!

    http://a7.sphotos.ak.fbcdn.net/hphotos-ak-ash4/s720x720/376241_327662207259285_100000465260022_1293625_759073522_n.jpg

    y es en este blog

    http://www.peliculasyprogramas.org/

    ResponderEliminar
  16. Genial El potro!! Lo que necesitaba!!

    Que gran trabajo te tomas para crear estos tutoriales tan claros y faciles de entender!

    Muchisimas gracias por tu trabajo :)

    ResponderEliminar
  17. Potro, he seguido los pasos que detallas, pero al guardar los cambios me sale este mensaje: El plugin de comentarios requiere un parámetro href.

    Me he saltado algo o he puesto algo mal?

    ResponderEliminar
  18. Saludos Potro, como siempre publicando cosas útiles.
    He implementado el box; pero para poder moderar comentarios FB pide celular... y aún poniéndolo, de momento no me envía el código de confirmación.
    Un saludo, y si a alguna otra persona le pasa lo mismo, que comente. (ojo, yo lo estoy haciendo desde España).

    ResponderEliminar
  19. Me olvidaba, me lo pide después de "poner el nombre a la nueva aplicación".

    ResponderEliminar
  20. hola potro espero que estes bien....una consulta: ¿como hago para que aparezca solo en la pagina principal del blog y no en las entradas?..espero tu respuesta..saludos

    ResponderEliminar
  21. yo ya lo tengo instalado, pero cuando intento crear una aplicación en facebook, me pide comprobar mi teléfono, pero nunca llega el supuesto mensaje que tienen que enviarme para introducir el código de verificación, todo un lío...

    saludos

    ResponderEliminar
  22. Gracias Potro, me funciono; pues muchas personas que no son bloggeros no saben comentar en los blog de blogger, y no comentan, y con Facebook comentaran sin problemas!

    Saludos! Nuevamente Gracias!

    ResponderEliminar
  23. Potro me puedes explicar como poner entradas sugerentes debajo de una entrada, en tu web sale más trucos y después las entradas.

    Saludos

    ResponderEliminar
  24. Jimmy Cerron Lazaro, sí, Google lee los comentarios de Blogger, pero no los de Facebook, por eso sería recomendable dejar ambos.

    ResponderEliminar
  25. Microboy90, para quitar los bordes de las imágenes en las entradas busca esta parte de tu plantilla y elimina lo que está en negrita:

    .post img, table.tr-caption-container {
    -moz-box-shadow: 0 0 5px #102C4A;
    -webkit-box-shadow: 0 0 5px #102C4A;
    -khtml-box-shadow: 0 0 5px #102C4A;
    box-shadow: 0 0 5px #102C4A;

    padding:5px;
    }

    Parece que el tipo de fuente que usas para los títulos de las entradas sólo reconocen el alfabeto inglés, por eso no te muestra los caracteres acentuados ni la Ñ.
    Desinstala ese tipo de fuente y pon una que sí te reconozca el alfabeto latino.

    ResponderEliminar
  26. Gracias a ti NE por andar siempre en estos lares :)

    ResponderEliminar
  27. Obscurus_dark, el parámetro href ya está incluido en el código, es esta parte:
    expr:href='data:post.url'

    Esa es la que le entrega la URL donde se ejecuta el plugin. Si pegado todo tal cual no debe darte ese problema o algún otro.

    ResponderEliminar
  28. Hola, Potro, buen día, yo quiero consultarte algo que nada tiene que ver con este excelente post: Deseo comprar un dominio para mi blog, pero se me complica pagar con tarjeta ¿hay algún otro método para hacerlo?

    ResponderEliminar
  29. Gracias POTRO como siempre...respondiendo a todo...mil gracias!!

    Desinstala ese tipo de fuente y pon una que sí te reconozca el alfabeto latino.?

    y eso como lo hago?>?

    Gracias...

    ResponderEliminar
  30. Gabriel Barcena, bienvenido a la enorme lista de millones de usuarios que no podemos verificar nuestra cuenta por medio del celular.
    En los países hispanos nunca llega el código de confirmación, algunos dicen que sólo llega cuando no tienes un sistema de prepago, y otros dicen que depende de la compañía de teléfono.
    Yo tengo un año intentando verificar mi cuenta con el teléfono y nunca me ha llegado el dichoso número (estoy en México), y por esa razón tardé mucho tiempo en publicar la entrada, hasta que recordé que tenía otra cuenta de Facebook vieja donde ya había creado aplicaciones y nunca me pidió verificarla, así es como pude crear la app para este plugin.
    ¿Las opciones? verificarla por otro método como tarjeta de crédito, aunque no me parece muy confiable, o dicen que igual se puede hacer enviando una copia de tu ID.

    ResponderEliminar
  31. RockNchile, para que aparezca en la portada del blog pega el código del plugin antes de:
    <div class='post-footer'>

    Y para que sólo se muestre en la portada usa una condicional, quedaría así:

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div id='comentariosFacebook'>
    <fb:comments colorscheme='light' expr:href='data:post.url' num_posts='6' width='500'/>
    </div>
    </b:if>

    ResponderEliminar
  32. Potro ya ise lo que me dijiste pero aun así sigue viendose similar.... puedes hecharle un ojo, quiero que se vea grande, asi como un banner como lo tengo en www.vacilandounrap.org ya tu sabes ;)

    http://pruebadeplantillascarlitocomparte.blogspot.com/
    Saludos potriño gracias ;)

    ResponderEliminar
  33. Hola Potro gracias por tu trabajo
    pero no me sale me dice esto:
    El plugin de comentarios requiere de un parámetro href.

    ResponderEliminar
  34. Potro un problema!! cuando comento con la caja de comentarios de facebook la letra sale en color negro la necesito blanco como hago? mira este post y veras

    http://sectiongamer.blogspot.com/2011/12/si-queremos-usar-mas-de-una-cuenta-psn.html

    ResponderEliminar
  35. Algo viejo pero e agradece.
    A un que yo no pude hacer la moderación de los comentarios, también que no busque cual fue mi fallo pero bueno gracias otra vez.

    ResponderEliminar
  36. Chiknaui.Mikistli Joel Molina Reyes, lo es, eso de la verificación de cuentas es el dolor de cabeza de muchos y cuento de nunca acabar de Facebook.

    ResponderEliminar
  37. Oye potro tu si!!! que das en el clavo; estuve buscando esto hace hace días, justo hoy puse en el buscador de google, y pues me bota este bloggg jajajaja!!!!!!!!!!!!!

    ResponderEliminar
  38. Lo puse tal y como dice, pero no me aparece. O esto aparecera apartir del siguiente post?

    ResponderEliminar
  39. Hola potro! Me encanto esta entrada, pero quiero preguntarte: Como puedo hacer para que me quede como el tuyo! me explico, ya puse la caja de comentarios de f.b, todo salio bien gracias a Dios, pero hay un espacio en blanco muy grande entre la caja de comentarios de blogger (del blog) y la caja nueva que acabo de agregar de facebook. Mi pregunta es: Como puedo hacer para que me quede mas junto como te quedo a ti???? O sea, la que pusiste aca, el espacio entre la caja de comentarios de blogger y de la de f.b es bien pequeno, bien reducido. Me gustaria que me quede asi! Me prodrias ayuda!!!

    ResponderEliminar
  40. Aqui te dejo un enlace para que veas a lo que me refiero! Disculpa, fue que se me paso ponerlo en el comentario anterior!
    http://dandoporgracia.blogspot.com/2011/12/cuatro-cosas-en-la-vida-que-no-se.html

    ResponderEliminar
  41. .:R.G.F:., así es mi estimado ;)

    Jose Antonio Marin Arcas, son las entradas relacionadas, aquí puedes ver cómo ponerlas:
    http://ciudadblogger.com/2009/07/entradas-relacionadas-en-blogger.html

    ResponderEliminar
  42. Hola. Tengo una plantilla que es casi perfecta para mi actividad, pero después de hacer todo lo que explicas arriba, aún siguen sin aparecer los comentarios FB en el post. www.radiomalon.blostpot.com Se podrá hacer algo, ya que tampoco puedo utilizar el croscoll?Abrazos

    ResponderEliminar
  43. Ref. Comentario 32
    Una pena que no se pueda verificar la cuenta con el teléfono movil Vodafone y de contrato, (la visa me la guardo para otras cosas).
    Un saludo.

    ResponderEliminar
  44. Me pasa lo mismo que a Hija del Altísimo. ¿Como puedo solucionarlo?

    ResponderEliminar
  45. Beben Koben, you always surprise me :)

    Enrique Shangoon Ruiz, eso depende de la empresa donde lo compres, en Name.com por ejemplo aceptan PayPal.

    ResponderEliminar
  46. Microboy90, la plantilla tiene Cufon, un sistema para agregar fuentes a las páginas, no sé si tú lo instalaste o ya venía con ella, pero en Oloblogger hay un tutorial que habla sobre el uso de Cufon, ahí puedes ver cómo usarlo o desinstalarlo.

    VacilandoUnRap, nada wn, nada más era para confirmar que ya estaba resuelto ;)

    ResponderEliminar
  47. La Red En Tus Manos, prueba de nuevo, el código ya tiene incluido el parámetro href.

    Dexmax, sólo hay que cambiar light por dark

    ResponderEliminar
  48. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  49. es aconsejable esto?? por que que yo sepa google no indexa los comentarios que estan en el blog por medio de facebook... yo lo tenía pero lo saqué por eso mismo jeje

    ResponderEliminar
  50. Hola Potro!
    excelente entrada,justo que estaba haciendote la consulta actualizaste la entrada,pero ahora no encuentro light o dark en que codigo esta?
    Saludos!

    ResponderEliminar
  51. oye potro no sale en mi blog la caja de comentarios ya le estube buscando y no mas no busqeu qe es lo que hice mal por favor ayuda :)

    ResponderEliminar
  52. Gracias, ya lo he instalado, aunque tengo dos blogs, creo que solo podre moderar los comentarios en uno solamente. Ahora solo espero que mis lectores me dejen comentarios allí, para ver si lo hice completamente correcto.

    Muchas gracias por tu generosidad.

    ResponderEliminar
  53. Ay Potro cada dia te quiero masss!!! ;)

    ResponderEliminar
  54. Chris, si tienes creada la aplicación y has puesto las metas que se indican con sus respectivos códigos no debería haber problemas para moderar los comentarios.

    Jk-ch!, son las coincidencias de la vida ;)

    ResponderEliminar
  55. Ola potro se puede hacer que la cajita salga antes de los comentarios de Blogger??

    ResponderEliminar
  56. Angels, si has puesto los códigos en el lugar correcto debe aparecerte ya en todas las entradas.

    Hija del Altisimo, Beni M.M., hay que poner el código que va antes de ]]></b:skin>, en ese código hay una indicación en color verde que señala qué se debe cambiar para reducir ese espacio entre ambos formularios.

    ResponderEliminar
  57. hola potro hermano soy Marubio Graphics santo domingo trato de ponerla & meda erro
    esto dice

    El artilugio con ID "Blog1" no puede contener el elemento: "div". Un artilugio solo puede contener elementos b:includable.

    ResponderEliminar
  58. Graciiiiiassss, lo tengo que mirar, pero....., lo necesitaba.

    ResponderEliminar
  59. ke tal potroo... paenas vi estoo, lo comenze a hacer, ya ke esperaba eso por tiempo xD, bueno todo ya me salio bien, pero no abria forma de ke los la opcion de comentarios de blogger se kite, y solo aparesca la caja de comentarios de facebook?

    ResponderEliminar
  60. Muchisisisisisimas gracias como siempre potro...

    Ayudandome.. Un saludo, encerio te admiro mucho y te devo muchas
    bro, gracias y sigue asi que este es la mejor web de ayuda blogger. Un saludo.

    ResponderEliminar
  61. Hola Potro:
    No me aparece nada en mi blog de esto. Tengo activado el https://developers.facebook.com/apps. Y no veo nada en el hechale un vistazo.
    http://franciscoadame.blogspot.com

    Saludos

    ResponderEliminar
  62. Hola potro; ...otra vez... ¡MOLESTANDO!
    jajajaja; pero mi pregunta es: ¿Puedo ocultar o eliminar los comentarios de blogger y solo quedarme con las de facebook?

    ResponderEliminar
  63. Ola Potro xD mi pregunta en si es si esta cajita salga antes de los comentarios ya publicados de Blogger.
    Ya que normalmente sale asi :
    http://saintkeane.blogspot.com/2011/01/sakura-o-hinata.html
    Luego de todo los comentarios recién sale la cajita pero en si seria mas atrayente que salga antes de los comentarios de Blogger.
    Gracias Potro

    ResponderEliminar
  64. Enrique Carlos Ameijeiras, necesitas tener los comentarios incrustados debajo de la entrada. Si usas la interfaz antigua entra en Configuración > Comentarios > Ubicación del formulario de comentarios > Debajo de la entrada.
    Si usas la nueva interfaz entra en Configuración > Entradas y comentarios > Ubicación de los comentarios > Debajo de la entrada.

    Una vez que lo hayas puesto de esa forma aparecerá la caja de comentarios de Facebook.

    ResponderEliminar
  65. CristJian, no los indexa, pero los comentarios de Blogger sí.

    Cocofansclub, si actualizaste también los comentarios entonces agrega después de data-num-posts='5' un espacio, luego pon esto:
    data-colorscheme="light"

    ResponderEliminar
  66. Raymond, ¿tienes activados los comentarios para que se muestren debajo de las entradas? Sino es así mira el comentario #66

    Mari @ Mari's Cakes, si el ID de la App y de tu usuario son correctos no habrá problemas ;)

    ResponderEliminar
  67. Potro una pregunta como hago para que la caja de comentarios de blogger se elimine y solo quede la caja de Facebook

    ResponderEliminar
  68. Bren, gracias, gracias, se agradece ese cariño :D

    Jimmy Cerron Lazaro, ¿ya lo has puesto? porque si lo pones verás que aparece arriba de los comentarios.

    ResponderEliminar
  69. marubio graphics, revisa el segundo código que estás colocando, debe estar justo donde se indica.

    perickko, saludos!

    ResponderEliminar
  70. Hola, Potro. Ya he añadido la caja de comentarios al blog. Pero hay una pequeña cosa que quiero modificar. El texto del comentario publicado aparece en color gris y apenas se aprecia lo que pone. ¿Cómo podría cambiar el color del texto de los comentarios? www.fran-rodriguez.es

    ResponderEliminar
  71. Muy buen truco Potro Muchas gracias por estos grandes aportes.

    Ya lo habia implementado en mi blog, y pues ahora vi que habias puesto una actualizacion a HTML 5, pero ahora no se ve en mi blog... no se si cometi un error o que paso jeje.

    Gracias de new! y ps puro pa delante :D

    ResponderEliminar
  72. Los comentario no me llegan como notificación en mi Inicio de Faceook U.U

    ResponderEliminar
  73. Hice los pasos tal cual y no puedo moderar los comentarios, no me aparece, hice como lo haces tu, pero nada
    no se que me falle

    hice todo a la perfección espero puedas ayudarme
    http://curiosidadesofworld.blogspot.com

    ResponderEliminar
  74. Andresiyo Ready, claro, si quieres tener sólo estos comentarios entra en la configuración del blog y selecciona la opción de ocultar los comentarios. Con eso ya no tendrás los comentarios de Blogger.
    Luego, el segundo código en lugar de colocarlo donde se indica, colócalo justo arriba de esto:

    </b:includable>
    <b:includable id='status-message'>

    Con eso tendrás sólo los comentarios de Facebook. Si quieres que se vean sólo en las entradas individuales entonces ese código (el segundo) enciérralo entre:

    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    y
    </b:if>

    ResponderEliminar
  75. Unknown, te agradezco mucho tu comentario. ¡Saludos!

    ResponderEliminar
  76. FRANCISCO, debes tener los comentarios mostrándose debajo de las entradas. Mira el comentario #66 para que veas cómo hacerlo. Saludos.

    ResponderEliminar
  77. Ola Potro , perdona la molestia , si sale la cajita de facebook pero sales despues de los comentarios ya hechos.

    La cajita de facebook si sale antes de la cajita para poner los comentarios de Blogger, Pero no de los comentarios.

    Lo que buco es que la cajita de FB salga antes de los comentarios de Blogger.

    Te dejo un ejemplo
    Gracias de Antemano.

    ResponderEliminar
  78. Hola Potro:
    Lo conseguí, pero sobra algo mira en mi blog unos html que sobran
    Saludos

    ResponderEliminar
  79. ya potro ya me aparecio hize lo que indicaste en el comentario 66 gracias we

    ResponderEliminar
  80. Jk-ch!, mira el comentario #76, ahí están las indicaciones ;)

    ResponderEliminar
  81. Gracias Potro!
    opté por ponerlo debajo de las entradas debajo de la linea div class='post-footer' me resulta mas comodo y visible, dara algun problema en ese lugar?
    muchas gracias por tu respuesta

    ResponderEliminar
  82. Fran Rodríguez, cambia el dark por <light con eso se pone la letra oscura. El tema dark es sólo para blogs con fondo oscuro.

    ResponderEliminar
  83. hola potro. esta muy buena y felicidades nuevamente por aqui.
    lastima que no me funciona ami. tengo este problema y no se porque espero tener tu ayuda como siempre gracias.
    me aparece este mensaje .
    El plugin de comentarios requiere de un parámetro href

    ResponderEliminar
  84. Oscarbroa, ¿cambiaste todos los códigos o sólo algunos? ¿tienes los comentarios debajo de la entrada? ¿en cuál blog lo has puesto?

    ResponderEliminar
  85. amigo hice todo al pie de la letra pero no sale :/ yo ya habia eliminado los comentarios de blogger pero no recuerdo los codigos que cambie sera que eso afecto?, mire el blog es http://www.institutominca.blogspot.com/, te agradezco que me ayudes (ademas la foto del encabezamiento no se ve bien con google chrome)...

    ResponderEliminar
  86. SmiThzhiTo, si has creado bien la aplicación y has puesto las IDs que se mencionan te deberían llegar. De todas formas en el formulario de comentarios aparece el link "Vista del moderador", ahí puedes moderarlos.

    ResponderEliminar
  87. AlexG, revisa que el ID de usuario y de la aplicación sean los correctos.

    ResponderEliminar
  88. Potro porque sera que no me aparece en todas las entradas la caja de comentarios? Por ejemplo en la entrada que se muestra en la pagina principal abajo dice x comentarios y tenes que hacer click para leerlos, en cambio en otras entradas se ven los comentarios directamente desp del post. En las pestañas (paginas) tampoco se pueden añadir comentarios, esto es normal?

    ResponderEliminar
  89. Gracias Potro!!!!!!! Excelente eres un CRACK; así con muayusculas

    ResponderEliminar
  90. Hola master, podrias ayudarme porfavor, no se que hice pero no sale la lista ul li en la pagina principal http://nod32-llaves-gratis.blogspot.com/2011/12/prueba-li_08.html muchisimas gracias

    ResponderEliminar
  91. Pues cambie todos los codigos, a exepcion del ultimo que ps no cambió.

    y si los comentarios estan como normalmente debajo de las entradas jeje.

    lo puse en el blog: ElMundoGrupero

    Se me hace raro porque con los codigos anteriores a estaban funcionando. En cuanto los puse a la primera jalaron muy bien... y pues los cambie por estos y ya no aparecen jaja.

    ResponderEliminar
  92. Jimmy Cerron Lazaro, si lo pones justo después de la línea donde se indica no se mostrará después de los de Blogger sino antes. Incluso en la entrada se menciona que aparecerán arriba de los de Blogger y qué debe hacerse para que aparezcan debajo en caso de que no se quieran ahí.

    ResponderEliminar
  93. FRANCISCO, parece que al añadirlo modificaste o eliminaste algo sin darte cuenta. Busca debajo del código de Facebook esos caracteres y elimínalos.

    ResponderEliminar
  94. Raymond, por nada :)

    Cocofansclub, no hay ningún problema con ponerlo ahí ;)

    ResponderEliminar
  95. Hola buenas, de esta pagina he aprendido varias cosas, no se si esto tiene que ir aquí, pero me gustaría si has publicado explicando el proceso de lo que tienes abajo a la derecha el cuadro blanco ¿te gusta CIudad Blogger? y que al apretar sale me gusta, +1 y twitter, he buscado pero no lo encuentro podrías si eso podías poner el link donde lo explicas???

    gracias

    ResponderEliminar
  96. Muy bueno Potro, yo lo puse debajo de los comentarios pero me fue imposible realizar lo de crear la aplicación también me pide el teléfono y no llega ningún mensaje con el código.
    ¿Se puede poner además de las entradas en la página principal del blog?
    Gracias

    ResponderEliminar
  97. Execelente entrada.
    Me preguntaba si poner un menú efecto hover ( que al pasar el raton cabie de imagen) en mi blog repercutiria mucho en el tiempo de carga? y lo mismo pregunto si pongo un slide.
    Espero que me puedas responder.(Nose por que no me deja entrar en la seccion cotacto)
    Mi blog: www.reventanime.blogspot.com

    EXCELENTE BLOG SIGUE ASI :)

    ResponderEliminar
  98. gracias potro te lo agradesco caleta olle una pregunta el codigo


    div id='comentariosFacebook'>
    div class='fb-comments' data-num-posts='5' data-width='500' data-colorscheme='dark' expr:href='data:post.url'/>
    div>


    no me funciono en el lugar puesto asi que lo coloque despues de


    div style='clear: both;'/>
    div>

    me aparecio no abla algun conflicto o algo

    ResponderEliminar
  99. Hola Potro Excelente tuto =) Lo unico que veo que no me funciona es para que llegue la notificación de que alguien a comentado estuve probando con otros face pero no me llega ninguna clase de notificación y.. en la conf me aparece "fb:admin: Ninguno especificado" pero entro para configurarlo pero me aparece: "Raw Open Graph Document Information
    Meta Tag: meta property="fb:admins" content="2694340648551" esa si es mi ID de usuario pero no se que pasa..!
    Me puedes ayudar?
    Grax :)

    ResponderEliminar
  100. ahora que miro bien me doy cuenta que tal ves te ayas equivocado o que yo este equivocado..
    pues por que coloco en la barra de direcciones fb.com/2694340648551 y.. sale es mi foto de perfil y.. este numero cambia osea que no es el mismo para todas las fotos de perfil.. no se como hacer para que me lleguen las notificaciones :(

    ResponderEliminar
  101. colmillo blanco, quizá está faltando una parte del código. El parámetro HREF ya está incluido en el plugin.

    ResponderEliminar
  102. Javier David Gomez Rincon, tienes que tener activados los comentarios de Blogger, y además mostrarlos debajo de las entradas. De otra manera no se verá la caja de comentarios de Facebook.

    ResponderEliminar
  103. Bren, en ninguno de tus dos blogs veo los comentarios en la portada, a menos que no te haya comprendido bien o.O

    ResponderEliminar
  104. Jk-ch!, gracias :)

    alianza lima vs universitario, ¿a qué te refieres con que no sale la lista? Porque en esa entrada hay una lista del tipo UL con los LI dentro, ambos con el nombre "1akak"

    ResponderEliminar
  105. Oscarbroa, el otro código también debes cambiarlo porque como se ha agregado el Javascript entonces el que dejaste FBML no funcionará, por eso debes cambiarlo también para que se pueda mostrar el plugin.

    ResponderEliminar
  106. Jose Mi, aún no está publicado pero ya vendrá en las siguientes publicaciones ;)

    ResponderEliminar
  107. Alberto, mira el comentario #33 para que veas dónde ponerlo para que se muestre también en la portada del blog.

    ResponderEliminar
  108. Potro para que aparezca en la portada del blog debo pega el código del plugin antes de:
    div class='post-footer'
    segun el comentario 33
    La pregunta es Cual es el codigo del pluggin? porque me maree. perdon :P

    ResponderEliminar
  109. eloy martinez, del menú no hay mucho problema porque usualmente usan imágenes pequeñas, así que eso dependería mas bien de si el menú usa un script que lo haga lento para cargar. Los sliders suelen ser algo lentos, por eso sólo hay que usarlos cuando sean realmente útiles. Saludos.

    ResponderEliminar
  110. Ademas esa linea la tengo repetida en mi plantilla (div class='post-footer) . lo tendria que poner antes de las 2?

    ResponderEliminar
  111. Hola Potro:
    No consigo encontrarlo expr:href='data:post.url'/>
    Saludos

    ResponderEliminar
  112. Nagato, te debió funcionar si tienes los comentarios mostrándolos debajo de las entradas, pero si colocándolo ahí no te ha dado error entonces no debe haber problema ;)

    ResponderEliminar
  113. bayron, yo conseguí la ID de mi usuario de esa manera, sólo tome los primeros dígitos de la URL y las notificaciones me llegan sin problema alguno.

    ResponderEliminar
  114. Sorry Potro, ahora si http://texto-2.blogspot.com/2011/12/ul-li.html no me sale los iconos de la lista que cree en la pagina principal podrias ayudarme porfa

    ResponderEliminar
  115. Bren, este es el código que debes pegar en el post-footer:
    <div id='comentariosFacebook'>
    <div class='fb-comments' data-num-posts='5' data-width='500' data-colorscheme='dark' expr:href='data:post.url'/>
    </div>

    Si tienes repetida esa línea ponlo en una, sino se ve ponlo en la otra.
    Saludos.

    ResponderEliminar
  116. Hola:
    Mira, intenté lo de la caja de comentarios de facebook en mi blog, pero al hacerlo y abrir la vista previa, aparece un cuadro rosa que dice: "el plugin de comentarios requiere un parámetro..." lo demás no se ve porque hay unas franjas que se mueven y no alcanzo a ver lo demás. No entiendo qué pueda ser o qué necesite hacer adicional. Seguí las instrucciones al pie de la letra, con miedo a mover o borrar algo que luego no sepa reparar. Por favor, dime que puedo hacer.
    Gracias.

    lizette

    ResponderEliminar
  117. potro la caja de comentarios me sale de color negro como le cambio de color para que se vea blanco

    ResponderEliminar
  118. Pues si termine cambiando todos los codigos... el unico que no habia cambiado era el de los ID, pero ya lo hice y sigue sin aparecer...

    ResponderEliminar
  119. FRANCISCO, por ahí debe estar, justo debajo del de Facebook que recién colocaste. Quizá se vea así:
    expr:href=&#039;data:post.url&#039;/&gt;

    ResponderEliminar
  120. hola potro. me funciona. pero tengo un problema . solo me funciona cuando quito el plugin de seguidores de facebook que tengo, como haria para que me funcione los dos al mismo tiempo. ya que no puedo. ayuda . muchas gracias. www.obraspoemas.com

    ResponderEliminar
  121. Hola Potro:
    Eres una maquina, por fin se arreglo el problema.
    Gracias

    ResponderEliminar
  122. Ola Potro mira ahi viendo lo que me dijiste si lo tengo debajo de esa Linea asi lo tengo en mi plantilla: ( le kite Dib poque no me permitia comentar xD)

    id='comentariosFacebook'>
    class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.url'/>


    Pero sigue saliendo luego de los comentarios de Blogger:(
    Ejemplo:
    http://saintkeane.blogspot.com/2011/12/naruto-shippuden-239-sub.html

    Antes de esa lineas tengo esto:


    NO se si pegarlo antes bueno gracias de antemano. Otra Cosa recientemente ya cambie la Interfas de Blogger a la actual crees que se deba a eso??

    Te paso mi Plantilla:
    https://sites.google.com/site/fotosljk/naruto
    El archivo es Naruseiya :)

    ResponderEliminar
  123. alianza lima vs universitario, no veo que el menú tenga una viñeta asignada para las listas.
    En todo caso debería quedar así:

    #menuv ul, li {
    list-style-type: none;
    background: url(URL de la imagen) center left no-repeat;
    padding: 3px 3px 3px 28px;
    }

    ResponderEliminar
  124. hola, mira, este pagina me indica como puedo mostrar los widgets en una pagina especifica de blogger. Pero yo quiero saber como puedo ocultarlos en una pagina especifica. ¿como puedo hacerlo?

    ResponderEliminar
  125. lizetteq, si lo has visto desde la Vista Previa entonces supongo que has querido ponerlo en la portada del blog, porque de otra manera no se debería ver en la portada.
    Si quieres ponerlo en la portada mira el comentario #33 para que veas dónde debe ponerse exactamente.
    Y sino crearás la aplicación entonces no se deben poner los códigos antes de </head>

    ResponderEliminar
  126. cholo5247, cambia colorscheme='dark' por colorscheme='light'

    ResponderEliminar
  127. Hola Potro perdon que vuelva con mas consultas,me pasa que aunque cambie colorscheme='dark' por colorscheme='light' el tono de la caja continua oscuro,solamente se pone blanco el espacio para escribir el mensaje y busco que quede igual al que tienes aqui publicado osea del tono tipico de facebook,como podria conseguirlo?
    muchas gracias!

    ResponderEliminar
  128. Oscarbroa, pero no lo pongas debajo de:
    <p class='comment-footer'>

    Sino debajo de:
    <b:includable id='comment-form' var='post'>

    ResponderEliminar
  129. Hola Potro, tengo la caja de comentarios hace casi un mes, también lo saqué de Vagabundia, aunque a este tutorial lo veo mejor explicado ;)
    Quiero comentar algo que quizás a alguién le sirva. Luego de seguir todos los pasos tal cual lo dice el tutorial, noté que podía moderar los comentarios pero que las notificaciones no me llegaban. Lo resolví de la siguiente forma:
    En la caja de comentarios hay que ir a Configuración y donde dice "Añadir un moderador de comentarios" tenemos que agregar nuestro nombre. A partir de ahí las notificaciones comenzaron a llegar a mi perfil de facebook :)
    Lo quería aclarar porque veo que a algunos les esta pasando lo mismo.
    Saludos!

    ResponderEliminar
  130. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  131. b:includable id='comment-form'

    no encuentro eso en mi plantilla! donde puedo ponerlo entonces??

    ResponderEliminar
  132. Se que quizás te volví loco con todos los mensajes, jejeje pero quería agradecerte en persona. Hice todo lo que indicas en tu entrada y me funciona todo perfecto.

    GRACIAS!

    ResponderEliminar
  133. colmillo blanco, lo que pasa es que tu Fanbox está en FBML y este es HTML5 con Javascript. La recomendación sería que quites ese Fanbox y pongas otro con otro método, por ejemplo a través de un iframe:
    http://ciudadblogger.com/2011/02/agregar-fanbox-en-el-blog-sin-bordes-y.html

    ResponderEliminar
  134. FRANCISCO, qué gusto que se haya resuelto :)

    ResponderEliminar
  135. Jimmy Cerron Lazaro, mira el comentario #130, porque según el código fuente de tu blog también lo tienes ahí y no en el lugar que debe ser.

    ResponderEliminar
  136. maria, mira esta entrada, ahí verás cómo ocultar los elementos en entradas específicas y/o en otras partes del blog:
    http://ciudadblogger.com/2010/03/condicionales-de-blogger.html

    ResponderEliminar
  137. Cocofansclub, con eso debería de ser suficiente para cambiar. ¿En cuál blog lo has puesto?

    ResponderEliminar
  138. Marcos Carballo, excelente tip, esperemos que alguien más que tenga ese problema pueda probar esa solución. Gracias por compartirlo :)

    ResponderEliminar
  139. ok vale, pero y ahrao como debo hacerlo. no se donde debo poner los códigos. puedes explicarmelo?

    ResponderEliminar
  140. Hola Potro!! Me encanta esta aplicación!! Lamentablemente he intentado aplicarla a mi blog siguiendo todos los pasos, pero no se por qué no me sale nada... =( ¿Tienes alguna idea de a qué se puede deber??

    Te paso el link de mi blog haber si le puedes echas un vistazo!! ;) Gracias anticipadas!!!

    http://www.guayreart.com/

    ResponderEliminar
  141. SimSoul, todas las plantillas lo tienen, a menos que hayas eliminado los comentarios de Blogger. Recuerda marcar la casilla "Expandir plantillas de artilugios" para poder encontrarlo.

    ResponderEliminar
  142. Mari @ Mari's Cakes, aún no me vuelvo loco, pero gracias por hacerme saber que todo está funcionando correctamente :)
    ¡Saludos!

    ResponderEliminar
  143. Hola Potro esta puesto aqui:
    http://cocodancing.blogspot.com/

    ResponderEliminar
  144. maria, ahí en esa entrada se explica cómo se hace. Si tienes una duda sobre ese tema deja el comentario en ese post para no desviarnos del tema de esta entrada ;)

    ResponderEliminar
  145. Guayre Art, me encantaría ayudarte, pero sino veo los códigos puestos en la plantilla no puedo saber cuál puede ser el problema :/

    ResponderEliminar
  146. No sale, debe ser alguna especificación de esta planilla, un abrazo Potro y gracias de todas maneras, si funcionara en mi blog sería perfecto. www.radiomalon.blogspot.com

    ResponderEliminar
  147. Cocofansclub, revisa el código que tienes, verás que dice:
    data-colorscheme='dark'

    Así que eso hace que esté oscuro, si lo quieres color claro debes quedar así:
    data-colorscheme='light'

    Además, en los estilos CSS te ha faltado una llave de cierre, lo tienes así:
    #comentariosFacebook {
    margin-top:80px;
    width:620px; /* Ancho del contenedor */

    Falta el } del final.

    ResponderEliminar
  148. gracias potro. todo solucionado. un saludo. de peru chiclayo.
    ya estare de regreso. siempre visitando tu sitio web. exitos

    ResponderEliminar
  149. Enrique Carlos Ameijeiras, ya no alcancé a ver cuál pudo ser el problema pues llegué después que eliminaste los códigos de Facebook. Si más adelante los pones y no te funciona me avisas, pero dejando los códigos puestos para que pueda verlos.
    Saludos.

    ResponderEliminar
  150. colmillo blanco, siempre serás bienvenido :)

    ResponderEliminar
  151. No me funciono que lastima no me aparecio nada........ Buaaaa hice todo bien. ayudaaaaaaaaa

    ResponderEliminar
  152. Sorry Potroo!! xD que cabeza tengo!! Ahora sí que estan puestos los códigos en la plantilla. Gracias de antemano! ;) Haber si encuentras alguna solución.

    Te paso mi blog otra vez:

    http://www.guayreart.com/

    Saludoosss!!!

    ResponderEliminar
  153. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  154. Gracias Potro por por compartir estas entradas. Son excelentes.

    Soy el admin de este blog
    http://aaaadb-trinidad.blogspot.com
    y he probado el código pero aunque guarda correctamente la plantilla, no sale la caja de comentarios de fb (ni delante ni detras de los comentarios blogger).

    ResponderEliminar
  155. Menecox, pues me encantaría ayudarte pero sin saber en cuál blog lo has puesto no puedo hacerlo.

    ResponderEliminar
  156. Guayre Art, te ha pasado igual que a Oscarbroa, mira el comentario #130 para ver dónde tienes el código, y dónde es donde tienes que ponerlo. Saludos.

    ResponderEliminar
  157. Fernando J. Claros, veo el primer código que hay que añadir pero no veo el segundo :/

    ResponderEliminar
  158. Potro!! Hola de nuevo!

    Puse el código justo debajo de:



    pero en mi plantilla este código está debajo del que tu mencionaste en el comentario Nª 130

    Supongo que el problema vendrá de aquí... no?? Espero tu respuesta! ;) Gracias!!

    ResponderEliminar
  159. ostrass!! no salen los códigos que te he puesto en el comentario anterior =S Lo intentaré explicar sin poner códigos:

    lo que quiero decir es que sí que he puesto el código debajo del que tu has dicho. Pero éste en mi plantilla está debajo del que tu mencionas en el comentario Nº 130. No sé si se me va a entender....=S

    ResponderEliminar
  160. Guayre Art, entonces prueba ponerlo debajo de los comentarios de Blogger, pegando el código donde se indica en la entrada.

    ResponderEliminar
  161. Que va Potro...no funciona =( Habré hecho algo mal...¿?

    ResponderEliminar
  162. Perdona Potro.
    Ya he insertado el segundo código.
    Muchas gracias por tu interés.

    ResponderEliminar
  163. HolaPotro,te envie ese email para que puedas ver la captura de como me quedaba la caja despues de realizar los cambios que tan gentilmente me indicas en el comen. #149,pero no lo consigo.
    gracias por tu ayuda.
    saludos!

    ResponderEliminar
  164. olas haber si me contestas a los chatbox de algunos de mis blogs jeje
    mi duda era esta xD
    bueno hice todo lo que dijiste .....
    y todo me anda normal me aparece el boton de moderar etc........ perp cuando hace3n comentarios via facebook......
    no me aparecen notificaciones ......
    donde veo las notificacion o porke no me aparecen? configure mal?
    ettto........lo que quiero es que en mi perfil me salga nose
    "tal persona acaba de comentar "tal entrada" de tu blog o algo asi por ke es demasiado castrante estar viendo cada entra delñ blog para ver si hay comentario de face....
    espero me ayudes ^^

    ResponderEliminar
  165. Hola Potro, mi plantilla no acepta HTML5 he intentado varias veces colocar el código pero no sale, tendrás el tutorial antes de actualizarlo a HTML5, estuve buscando y encontre otro código lo puse en la plantilla y si salio la caja pero no me sale para moderar nada, por eso por favor espero que me puedas ayudar con el tutorial correcto antes de actualizarlo a HTML5, gracias.

    ResponderEliminar
  166. Guayre Art, he descargado la plantilla que usas para hacer ahí l aprueba y funciona sin problemas. Pero como te decía, el código debe ponerse justo debajo de:
    <b:includable id='comment-form' var='post'>

    Después de ponerlo esa parte de la plantilla deberá verse así:
    <b:includable id='comment-form' var='post'>
    <div id='comentariosFacebook'>
    <div class='fb-comments' data-colorscheme='light' data-num-posts='5' data-width='500' expr:href='data:post.url'/>
    </div>


    <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>

    ResponderEliminar
  167. Fernando J. Claros, recuerda que los comentarios deben estar incrustados debajo de las entradas. Mira el comentario #66 para que sepas cómo ponerlos en esa modalidad. Saludos.

    ResponderEliminar
  168. Muchas gracias. Me pondré a ello ahora mismo.

    Nuevamente gracias por tu tiempo.

    ResponderEliminar
  169. Cocofansclub, sólo hay que cambiar ese dato y con ello se cambia el color, pero en tu plantilla sigue apareciendo que está en "dark".
    Haz esto, elimina todos los códigos que añadiste para los comentarios de Facebook, guarda los cambios y luego ponlos de nuevo, pero copiando otra vez los códigos de esta entrada. Mira si así ya aparece en color claro.

    ResponderEliminar
  170. Phantomhive Luzmila, el CommentBox, como se menciona al final de la entrada es sólo para pruebas, las dudas van aquí para que todos puedan tener acceso a esa información ;)

    Prueba con la opción que menciona Marcos. Ya que tengas la caja de comentarios y todos los códigos añadidos haz clic dentro de la caja de comentarios donde dice "Configuración" ahí dentro donde dice "Añadir un moderador de comentarios" agrega tu nombre de usuario de Facebook y guarda los cambios. Con eso ya deberán llegarte las notificaciones.
    Haz la prueba y confírmame si con eso se soluciona.

    Saludos!

    ResponderEliminar
  171. Juan, si quieres hacerlo con XFBML entonces después de <body> agrega:

    <div id='fb-root' />
    <script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>

    Luego localiza esta línea:
    <b:includable id='comment-form' var='post'>

    Debajo de ella agrega este código:
    <div id='comentariosFacebook'>
    <fb:comments expr:href='data:post.url' colorscheme='light' num_posts='5' width='500' ></fb:comments>
    </div>

    ResponderEliminar
  172. Potro... me estoy volviendo loca!! xD el código está tal cual tu dices en mi plantilla.

    Pero sabes qué es lo mejor, que cuando fuí a revisarlo y le di a guardar, fuí a un post Y SÍ QUE ESTABA la caja de comentarios de facebook, pero la siguiente vez que entré ya no estaba... =( de locos no??? xD

    enfín, MUCHISIMAS GRACIAS por tu tiempo igualmente!! ;)

    ResponderEliminar
  173. Parece que mi blog ya no quiere mas cambios!!por mas que haga todo lo que me dices la caja sigue oscura ,lo he dejado asi para que puedas verlo.
    gracias por tanta paciencia!

    ResponderEliminar
  174. Guayre Art, ¿sabes cuál puede ser el problema? El botón de "share" de Facebook que tienes en las entradas. Ese es un botón bastante viejo que de hecho ya no tiene soporte en Facebook, como es un código antiguo es probable que interfiera con el plugin de comentarios. En caso de que estés poniendo el botón manualmente quita el código en una de las entradas y mira si ahí aparece la caja de comentarios, si es así entonces sí es ese el problema. La solución entonces sería dejar de usar ese botón y usar el botón "Me gusta" que es el más actual:
    http://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html

    ResponderEliminar
  175. Cocofansclub, puede ser que la caja se esté adaptando al color de fondo de tu blog, si es así puedes aprovechar esa "transparencia" para ponerle un color de fondo al contenedor. Eso lo puedes hacer agregando debajo de:
    #comentariosFacebook {

    Esto:
    background: #FFF;

    ResponderEliminar
  176. Listo Potro!tema solucionado,ahora si quedo con el color deseado
    muchiiisiiimas gracias!!=)
    Saluditos!

    ResponderEliminar
  177. Qué gusto que todo se resolvió a tu favor :)
    Saludos!

    ResponderEliminar
  178. Nuevamente te molesto Potro.

    He conseguido gracias al comentario #66 que salga la caja fb delante de la caja blogger, pero al intentar colocarla debajo, no sale.

    aaaadb-trinidad.blogspot.com

    ResponderEliminar
  179. Potroooo!!!!! POR FINNNNNNN!!!! =) Sí, era ese el problema. Un millón de graciassssssss!!! Eres un CRACK!!!!! ;) Bsoss!!!

    ResponderEliminar
  180. Fernando J. Claros, prueba ponerlo arriba de:
    <div id='backlinks-container'>

    Así deberá estar debajo de los comentarios y antes de "Enlaces a esta entrada"

    ResponderEliminar
  181. Guayre Art, por nada, me da gusto que al fin se haya solucionado :)

    ResponderEliminar
  182. Gracias Potro. Tu indicación ha sido certera.

    Un abrazo y Feliz Navidad.

    ResponderEliminar
  183. Hola, felicidades por tu blog. Decirte que eres una maravilla de persona, muy altruísta y amable, y eso es dificil de encontrar.
    Yo he conseguido poner todo lo que has explicado tan bien, y mi pregunta es:¿Cómo poner un boton de facebook?, estos que son para indicar "inicia sesión en facebook", o "También puedes acceder utilizando tu cuenta facebook",y que quede justo despues de la entrada y que debajo esten los comentarios facebook. Uno como este : Boton de enlace. Por cierto, otra pregunta. He visto comentarios facebook, luego voy a moderación, y allí encuentro otros que han respondido pero no se reflejan. ¿Sabes a qué es debido?. Un saludo! Y gracias por ser como eres, hace tiempo que te sigo pero nunca había comentado hasta hoy. No cambies nunca

    ResponderEliminar
  184. Antés de irme, se me quedó una cosa por preguntar.¿Se podría poner la opción de comentar en la que los que comentan, ponen su correo por obligación, es decir, otro tipo de formulario?. Esto de los anónimos es una locura y a todo el mundo le cuesta registrarse ,pero comentan como anónimos siempre, ni tan siquiera usan un nick. Si es que se puede que pasos debo seguir, he mirado por todo tu blog, pero no encuentro esa opción. Saludos de nuevo.

    ResponderEliminar
  185. Hola Potro, me encantó el articulo, y me recordó a una vez que en la web de un periódico (no recuerdo cual) tenían la opción de comentar de varias formas. Así pues, me pregunto como se hará para en lugar de poner la caja de facebook debajo de la de comentarios de blogger (tal y como has hecho tú en este post) dar la opción de seleccionar como se quiere comentar, es decir, poner un tabview con dos pestañas: COMENTAR CON BLOGGER y COMENTAR CON FACEBOOK. Para que así las dos cajas de comentarios estén en el mismo sitio y solo se visualice la que elija la persona que quiera comentar. Saludos desde España!

    ResponderEliminar
  186. Hola Catrina,

    Muchas gracias por tan amable comentario :)
    Para ese botón necesitas crear una aplicación nueva, luego cambiar el primer código por este:
    <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_LA/all.js#xfbml=1&appId=APP_ID";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    Ahí pondrías la ID de la aplicación que creaste dode se indica.
    Luego en alguna parte de la plantilla (arriba de los comentarios por ejemplo), poner el código del botón:
    <div class="fb-login-button" data-show-faces="false" data-width="200" data-max-rows="1"></div>

    Aunque, a mi parecer no es tan necesario el botón, ya que cuando no has iniciado sesión en Facebook en la caja de comentarios te da la opción de conectarte, así que el botón pierde utilidad.

    En cuanto a que no recibiste las notificaciones de quienes comentaron; ya que tengas la caja de comentarios y todos los códigos añadidos haz clic dentro de la caja de comentarios donde dice "Configuración" ahí dentro donde dice "Añadir un moderador de comentarios" agrega tu nombre de usuario de Facebook y guarda los cambios. Con eso ya deberán llegarte las notificaciones. Confírmame si eso lo soluciona.

    El formulario de comentarios que ofrece Blogger no se puede modificar, sin embargo hay algunos gestores de comentarios como Disqus que sí tienen esa opción, aunque yo no lo recomendaría.

    Saludos y felices fiestas :D

    ResponderEliminar
  187. Hola de nuevo Potro!.
    Si tu que eres el entendido en este tema dices que ese botón no lo ves útil, pues mejor no lo pongo.
    Sobre las notificaciones, si que las voy recibiendo en el panel de facebook, lo que pasa es que yo pensé que, no hacían falta moderarlas, algunas se publican solas, luego cuando entro al panel de moderar, veo allí muchas más, y tengo que ir dando una por una a que se publiquen, porque esas que quedarón allí, por si solas no se publicarón, aunque otras si, eso no sé porque ocurre.
    En cuanto a lo del formulario de comentarios, si existen otros y no me lo aconsejas, pués yo hago lo que me aconsejas, jajaja.
    Bueno y ya que estoy, dos preguntas mas.
    En que parte del código puedo hacer que el texto se vea de mayor tamaño, el formulario de blogger.
    Y si que me gustaría poner sobre los comentarios de facebook, un titulo que al menos diga" También puedes comentar con facebook".¿En que parte del código lo hago?.
    Bueno y que se me escapa otra pregunta como ponerle un marco a los comentarios facebook para destacarlos aún más?.
    Perdona las molestías y gracias por tu amabilidad.
    Un abrazo. :)

    ResponderEliminar
  188. Chistes City, hay una entrada de Karla que explica cómo hacerlo:
    http://www.compartidisimo.com/2011/09/como-usar-la-caja-de-comentarios-de.html

    Saludos.

    ResponderEliminar
  189. Wow genial Potro!! Excelente apotación. Pero la segunda opción no me sale, el de poner el facebook comments box debajo del formulario de comentarios.

    Primero hice esto:

    Imagen prueba 1

    Luego esto:

    Imagen prueba 2

    Y no me salió la segunda opción. :-(

    Qué será?

    ResponderEliminar
  190. Hola el potro. Como tu post no me sirvio, aunque si lo use de base, yo lo unico que hice fue colocar debado de la etiqueta body:

    div id='fb-root' />
    script src='http://connect.facebook.net/es_ES/all.js#xfbml=1

    y despues colocar debajo de la linea <b:includable id='comment-form' var='post'

    El codigo HTML5 (creo) que nos dejaste.

    Gracias de todas maneras.

    ResponderEliminar
  191. Hola de nuevo Catrina,

    En la caja de comentarios de Facebook hay un enlace que dice "Configuración", si le das click ahí verás varias opciones, una de ellas es justo la de elegir si los comentarios de publicarán automáticamente o si deberán esperar tu aprobación.

    En uno de los códigos que se mencionan en la entrada se pueden agregar estilos a la caja de comentarios, ahí por ejemplo tiene un color de fondo, pero le puedes poner también un borde:
    border:1px solid #000;

    ¿Cuál texto de los comentarios quieres que se vea de mayor tamaño?
    El otro mensaje lo puedes poner directo en la configuración de Blogger; si usas la interfaz antigua entra en Configuración > Comentarios > Mensaje del formulario de comentarios, y ahí puedes poner el texto que quieras.

    Feliz Navidad para ti también :)

    ResponderEliminar
  192. Antoxwoman, ¿en cuál blog lo has puesto?

    Menecox, pues me quedé igual, nunca dijiste en cuál blog lo pusiste así que no pude enterarme de porqué no te funcionó con estos datos. Pero lo importante es que lo has conseguido. Saludos.

    ResponderEliminar
  193. Potro segui todos los pasos y no me funciono no me aparece la caja de comentarios.

    mi blog es http://vivaconnection.blogspot.com/
    mi plantilla es cinza

    ResponderEliminar
  194. Hola Potro! Excelentee explicacion!
    Pero tengo un problema, agrege la caja de comentario de Disqus y no me aparece el de facebook..
    Si podes ayudarme a solucionar este problema te agredeceria.

    Saludos.

    ResponderEliminar
  195. Potro los codigos antiguos estaban mejor esos si aparecian facil pero estos html5 los probe en otra tampoco gracias

    ResponderEliminar
  196. videosxxx, no veo que tengas puestos los códigos en el blog.
    Los otros códigos los actualicé, porque para el otro año dejarán de funcionar, así que hay que usar lo más actual.

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger