JMiur [E]

Hace poco, Facebook realizó cambios en algunos de sus plugins sociales y si bien, la mayoría de los viejos códigos siguen funcionando, es conveniente que los vayamos cambiando ya que estas actualizaciones solucionan algunos problemas previos y, en principio, nos dan más control sobre ellos.

Probablemente, el Comment Box es el más afectado; si vamos a la página de desarrolladores de Facebook, veremos que ya no es necesario crear una aplicación y que el único dato importante es la URL de la página donde estará insertado el plugin; el resto de las opciones son las mismas que antes y controlan la forma en que se verá.

Algunas de las variantes del nuevo sistema:
  • en lugar de verse ordenados cronológicamente, lo hace por "relevancia"
  • puede seleccionarse si se desean publicar en Facebook o no
  • incorpora un botón Me gusta y otro Responder de tal forma que pueden seguirse las conversaciones de manera independiente
  • envia notificaciones de los comentarios
Para utilizar las nuevas funciones nos dan dos alternativas, si ya tenemos el plugin, podemos agregar un atributo en la etiqueta FB:
<fb:comments migrated='1' ....... ></fb>
Me parece que lo mejor es hacerlo desde cero. En este caso, debemos agregar lo siguiente justo después de <body>:
<div id='fb-root' />
<script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>
Este, es el código general que carga el sistema de plugins de Facebook así que, si ya lo tenemos porque utilizamos otro, no hace falta repetirlo.

La caja de comentarios la pondremos allí donde quisiéramos que se viera y por defecto, el código es algo así:
<fb:comments href='URL_sitio' colorscheme='light' num_posts='2' width='500' ></fb:comments>
donde:
href es la URL de la página donde será insertado
colorscheme es el esquema básico de color y puede ser light o dark
posts es la cantidad de comentarios visibles
width es el ancho del contenedor

El dato que coloquemos en href es fundamental. Si vamos a agregar el plugin en un blog, esta URL será distinta según sea la página donde nos encontremos, por lo tanto, en Blogger debemos usar las variables del sistema; como la lógica indica que esto sólo será visible en las páginas individuales, el código de la etiqueta FB debería modificarse así:
<fb:comments expr:href='data:post.url' colorscheme='light' num_posts='2' width='500' ></fb:comments>
Eso, debería estar condicionado en la plantilla misma para lo cual, lo más simple es agregarlo en alguna parte junto con los comentarios de Blogger; por ejemplo, podríamos ubicarlo debajo del formulario del sistema:
<b:if cond='data:post.embedCommentForm'>
  <b:if cond='data:post.allowNewComments'>
    <b:include data='post' name='comment-form'/>

    <div id='comentariosface'>
      <fb:comments colorscheme='light' expr:href='data:post.url' num_posts='2' width='500'/>
    </div>

  <b:else/>
  .......
Coloco el plugin en un DIV con un ID ya que de este modo, luego puedo centrarlo, ponerle fondo, o agregarle cualquier detalle gráfico al contendedor aunque no podrémos modificar su contenido; así que un poco de CSS para esto antes de </head> o junto con el resto de las definiciones de estilo:
<style>
  #comentariosface {
    margin: 30px auto;
    width: 500px;'
    /* cualquier otra propiedad */
  }
</style>

Con eso sólo, ya tenemos agregado el plugin pero, si queremos administrarlo, deberemos seguir haciendo cosas y otra vez necesitaremos crear una aplicación para asociarla; esto nos dará acceso completo y lo indicamos agregando dos etiquetas META antes de </head>:
<meta property='fb:admins' content='NUESTRO_ID_DE_USUARIO'/>
<meta property='fb:app_id' content='ID_DE_LA_APLICACION'/>
Donde, obviamente, tendremos que colocar nuestros datos.

NUESTRO_ID_DE_USUARIO es el que nos habilitará para recibir notificaciones de los comentarios dejados en el sitio

ID_DE_LA_APLICACION es el que nos dará acceso de administradores y por lo tanto, podremos definir opciones de configuración tales como hacer que el plugin sea visible a todos o sólo a los amigos, agregar palabras a una lista negra para rechazar ciertos comentarios, bannear a usuarios, moderar los comentarios, etc.

Si optamos por este modo, aparecerá un enlace a la configuración en la misma caja de comentarios del blog pero, además, podremos acceder a la herramienta de moderación online de Facebook donde veremos todas las aplicaciones que hayamos creado:


En este mismo post hay una Comment Box agregado y funcionando, justo debajo del formulario normal de Blogger.

Por lo que he visto, no solo tiene más opciones sino que funciona mejor que el modelo anterior; en todo caso, parece ser una buena herramienta que, como todas ellas, depende más del uso que le demos nosotros que de la herramienta en si misma.

367 comentarios:

Felipe Calvo Cepeda  

Sin duda lo mas significativo es la anidación de comentarios, la posibilidad de hacerles "Like" individual a cada uno y comentar no solo usando cuentas de Facebook sino de otros servicios. :)

Anuk  

Una consulta
Con estos códigos y pasos funciona en las nuevas plantillas de blogger? Por que desde que tuve la mala idea de optar por uan de ellas todo se dificulta
Gracias
Anuk

Beben Koben  

i think better like this bos... ;)

<fb:comments expr:href='data:post.url' colorscheme='light' num_posts='2' width='500'></fb:comments>

VacilandoUnRap  

Excelente ahora si!
pero algo, porque al ubicar el div de los "comentariosface" justo debajo de:






no me lo muestra en la plantilla?
pero al ubicarlo en el post-foooter-3 si me lo muestra?
otra cosa, adonde se supone que me deverian llegar las notificaciones de los comentarios hechos en la pagina en la cual integre este sistema de comentarios?

Saludos espero con ansias tu respuesta.
www.vacilandounrap.com

pepe  

Hola, muchas gracias por tu tutorial, lo hice como dices pero la caja de comentarios me queda muy abajo..

mira te dejo una entrada para que veas si me puedes ayudar profavor
http://solodvdr.blogspot.com/2011/04/iron-maiden-death-on-road.html

gracias !

ahh y otra consulta, no hay una forma de eliminar los comentarios de blogger y solo dejar los de facebook ?

muchas gracias excelente blog ! :)

Las Matas City  

Aqui Como Novato En Esto... Mi Pregunta Seria. Si Inserto Mi Facebook Box A Mi Blogger No Tendra La Restrincion De Que Mis Lectores Tienen Que Tener Obligatoriamente Una Cuenta De FB Para Poder COmentar En Mi Blogger... Si Se Puede Comentar Sin Tomar En Cuenta De Tener Un Perfil En FB Desde Hoy Lo Incluyo En Mi Blogger...

Gracias Por Tomar Un Momento Para Mi Inquietud..

Desde La Republica Dominicana Saludos Para Todos...

JMiur  

Anuk:
Las plantillas nuevas no difieren de las anteriores en cuanto a códigos, sólo son mas confusas y agregan mucho CSS automático. Puede usarse en cualquiera de ellas y en cualquier otra página web.

Beben Koben 3
I don't see the difference between both codes except that Blogger erase de close label </fb:comments> and insert the / inside the open label. Both means the same, also outside Blogger.

MCarlitooH2:
Yo no veo que en el blog de referencia haya insertado un formulario de comentarios de Blogger así que, seguramente, por eso no ves este otro cuando lo colocas allí y lo ves cuando no lo condicionas para que se vea en otra parte.

Lo de las notificaciones, se supone que deben estar habilitadas en tu cuenta y cualquier otro detalle al respecto debe ser consultado en Facebook mismo porque no depende de los códigos insertados.

pepe:
Eso ocurre porque el IFRAME del formulario de comentarios de Blogger es excesivamente alto; si no veo mal, dice que tiene 410 pixeles de altura. Eso, puede ser modificado con CSS, por ejemplo, agregando:
#comment-editor {height: 260px;}

Si no se quiere hacer eso, puedes colocarlo encima del formulario, o sea, antes de:
<b:include data='post' name='comment-form'/>

Los comentarios de Blogger no son obligatorios, basta deshabilitarlos de la configuración o de la plantilla misma; en ese caso, el código de Facebook deberás colocarlo en alguna parte sin condicionarlo ya que en el ejemplo de este post, se agregan juntos. Pueden ponerse donde se quiera, no tiene restricciones.

Las Matas City:
Los sistemas de comentarios de Blogger y Facebook son independientes. Para comentar con el de Facebok se debe tener una cuenta en Facebook o en algunos de los servicios autorizados por ellos.

VacilandoUnRap  

pues si tengo activado el sistema de comentarios de blogger, pero al agregar la caja de comentarios de facebook en el lugar que indicas desaparece la caja de comentarios de blogger y tampoco se vé la caja de cometnarios de facebook.... quisas en otor lugar se puede agregar pero dentro del post-footer no, se ve horrible, saludos.

Anónimo  

tenes idea de como cambiar el idioma?

Inmortal  

No me quedo muy claro cual seria la ID de la Aplicación.

¿Donde saco esa informacion?

Saludos =)

pepe  

Gracias :)

pepe  

Solo queria decir algo, cuando desabilite los comentarios desde la configuracion desaprecieron los de face y los de blogger, asi que los volvi a activar, igualmente gracias por la ayuda :D

JMiur  

MCarlitooH2
La ubicación es absolutamente subjetiva y dependerá de cada plantilla. Si es una plantilla normal, armada con el esquema clásico de Blogger, ubicada donde está indicado, se verá perfectamente y sin problemas ya que no interfieren entre si. En tu blog, hay posts donde no veo el formulario de Blogger, tal vez, proque sean entradas donde n ose admiten comentarios.
Esto puede ponerse arriba, abajo, en el post-footer o en cualquier parte dentro del includable que contiene los posts. No tiene restricciones. Si queda bien o queda mal, si gusta o no es otra hsitoria.

Gerardo:
El idioma está definido por el script aunque suele ser detectado automáticamante. Si no es así, coloca
<script src='http://connect.facebook.net/es_ES/all.js#xfbml=1'/>
en lugar de:
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

GuillermoVM
¿Has creado alguna aplciación? Esa sería la pregunta básica. Con el antiguo sistema de Facebook, era necesario crear una para agregar este plugin.
Si has creado una, entre las aplicaciones que debes tener en tu cuenta, hay una específica llamada Desarrolladores y si haces click en ella, verás los datos de esas aplciaciones creadas.

pepe:
Es lo que te dije em el comentario: en caso de deshabilitarlos el código de Facebook deberás colocarlo en alguna parte sin condicionarlo ya que en el ejemplo de este post, se agregan juntos
Lo que quiere decir que debes ubicarlo en alguna otra parte de la plantilla; por ejemplo, en el footer de las entradas. si es que quieres que se muestren debajo de estas.

Beben Koben  

i think coz, blogspot is XHTML directory...maybe :D

Emilio Luna  

Lo estoy intentando en mi blog de pruebas pero nada. No sale. Te cuento los pasos que he ejecutado:

1.Poner el script después de Body que tu indicas, también he probado con el que indica el comentario 3.

2. He añadido el código tras comment-form.

No sale nada.

Un abrazo JMiur

Mi blog de pruebas: http://pruebasmohicano.blogspot.com/

Emilio Luna  

Ya se pq no funciona no tengo activado los comentarios incrustados. Si decidiera no activa esa opción que lugar de la plantilla tengo que buscar para poner el plugin justo debajo de los comentarios de blogger? Gracias JMiur.

JMiur  

Beben Koben:
Yes; that's the reason why or maybe, only another Blogger curiosity :D

Emilio Luna:
Puedes colocarlo en el post-footer de tu plantilla, difícil establecer el lugar prciso porque es algo que no puede verse online pero, en general, en el el INCLUDABLE:
<b:includable id='main' var='top'>

dice algo así:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>

puedes poner el códio de Facebook allí dentro, arriba o abajo de <b:include data='post' name='comments'/>

Emilio Luna  

Muchas gracias JMiur, funciona en el blog de prácticas. Sólo que hay mucho espacio entre plugin de facebook y los botones de entradas antiguas, página principal....Se puede acortar ese espacio a cómo estaba originalmente. Gracias!!!

Un abrazo

JMiur  

El IFRAME que se agrega tiene una altura mínima (creo que de 200 pixeles) pero, no puede ser moificada.

Emilio Luna  

Me refería al espacio entre ellos. En tu blog no hay espacio apenas entre el plugin y el siguiente elemento. En mi blog de pruebas es mucho mucho mayor.

http://pruebasmohicano.blogspot.com/2010/10/la-madrina-animal-kingdom-sorprendente.html

JMiur  

Ese es el espacio del que hablo, Emilio. Aunque debajo no veas nada, ese espacio vacio es parte del IFRAME. A ver si esta captura aclara un poco más; lo celeste es el espacio mínimo que ocupan los comentarios de Facebook.

Lo máximo que puedes lograr es reducir el margen de la navegación inferior:

#blog-pager {margin: 0;}

Pero desconozco si el código tiene alguna variable que permita reducir esa altura; por lo menos, no veo ninguna.

Inmortal  

Me marca un error:

The comments plugin requires an href parameter.

Este es mi codigo:

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

<!--Comentarios Facebook -->
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<fb:comments colorscheme='light' expr:href='data:post.url' num_posts='5' width='500'/>
<!--Comentarios Facebook -->

JMiur  

Puesto así como lo muestras, no provoca ningún error de sintaxis en el código.

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

debe ser colocado inmediatametne leugo de <body>

pepe  

Hola, Ahora hice la configuracion para que me lelgaran las notificaciones.. lo hice tal como sale ahi, pero no me resulta no me llegan :( quisas por que sera no tienes alguna idea ??

asi lo deje

http://picturetogo.com/images/2011/05/15/26255-dfghjyu.png

y arriba de los comentarios me sale esto Warning: http://solodvdr.blogspot.com/2011/05/ocean-heaven.html is unreachable.

Tambien intente dejando la id de usuario como ppguzman solamente y tampoco funciona, no se que estare haciendo mal Espero me puedas ayudar gracias :)

JMiur  

Sólo puedo decirte que acá:

<meta property='fb:admins' content='NUESTRO_ID_DE_USUARIO'/>

NUESTRO_ID_DE_USUARIO no es la URL de facebook sino un número que es el de usuario. Si no veo mal, el tuyo es: 10150171730061207

Lo debes ver en muchos enlaces como albums fotos, preguntas, etc; estilo:

http://www.facebook.com/home.php?sk=question&id=10150171730061207&qa_ref=pt

pepe  

Gracias, probe con el id que me dejaste tu pero aun no funciona :c

probe viendo mis fotos de perfil
http://www.facebook.com/photo.php?fbid=1986761306950&set=a.1570280695195.75419.1180800927&type=1&theater me sale un link asipero al cambiar de foto me cambia el que dice fbid
http://www.facebook.com/photo.php?fbid=1997363972010&set=a.1570280695195.75419.1180800927&type=1&theater asi...

Tambien intente dejando este numero que era el que se repetia pero tampoco funciona... no se cual sera mi facebook id... espero me puedas ayudar muchas gracias

JMiur  

El número exacto, lo verás si vas a tu page y colcoas el cursor sobre el botón EDITAR página; dirá algo así:
http://www.facebook.com/pages/edit/?id=0000000000

Eso es todo l oque pude hacer con el código, el resto, ya depende de Facebook mismo.

pepe  

Si... pero con lo que dices ahi me sale el id de la aplicacion.. (de la pagina)
Lo que yo quiero es la id de mi cuenta, la id de usuario para que me lleguen las notificaciones y poder usar el panel de moderacion...

gracias por la ayuda :)

oliver huaracha  

Una pregunta, hay forma de que haya notificacion a mi correo de un nuevo comentario en el Comment Box?, xq hasta ahora he puesto todos los codigos que has puesto, pero no logro ninguna nofitificacion, nisiquiera a mi cuenta de Facebook

JMiur  

Cuál es el ID de tu perfil lo desconozco. Una forma simple de averiguarlo por ejemplo es editando tu imagen de perfil, allí verás dos enlaces para editar o eliminar la foto actual, en cualquiera de ellos está el ID:

http://www.facebook.com/ajax/profile/picture/square.php?id=000000000000&target=profile_pic_iframe

Puede comprobarse si es real, usando este tipo de URL que te mostraría tu perfil tal como lo haría usar la URL modificada con tu nombre:

http://www.facebook.com/profile.php?id=000000000000

Más alla de eso, las notificaciones no tienen configuración posible en el código del blog; debe hacerse en facebook mismo o incluso se puede hacer desde las notificaciones mismas:
http://www.facebook.com/notifications.php
seleccionando Suscribirse por mensaje de texto o por RSS

Unknown  

tengo una duda ya esta todo solo que algunos nos comentarios no son visibles :S y no puedo moderar por que crees que sea eso ?

Unknown  

ya puse mi id y el id de la aplicación pero no puedo moderar los comentarios espero tu ayuda thanks !

JMiur  

Si el ID es correcto y la aplicación está bien configurada, no sabría decirte cuál puede ser el problema.

pepe  

Ahora tengo el id de user correcto y el id de pagina correcto, pero aun asi no me llega ninguna notificación, no se que es lo que estare haciendo mal.. :(

asi...

Warning: http://solodvdr.blogspot.com/2011/05/drive-angryinfierno-al-volante.html is unreachable.
Me sale eso abajo de las entradas, y al hacer click ahi me sale esto
http://picturetogo.com/images/2011/05/16/26474-errorblogc.jpg
nose si me podras ayudar si te doy algun otro detalle, pero hasta ahora muchas gracias igualmente por tu ayuda :)

JMiur  

No hay mucho que pueda decirte al respecto; lo que te dice ese mensaje es que el ID es erróneo. Si estás seguro que es el correcto, deberías revisar que la aplicación esté bien configurada con la URL del sitio donde se coloca el Comment-Box.

Dark Raynor  

Estimados:

alguien sabe si uno puede volver a poner los mensajes cronológicamente, ya que no me sirven los mensajes por relevancia por que ocupo la caja como un chat.

gracias.

JMiur  

No que yo sepa, es algo definido por Facebook mismo así que es algo que deberías consultar allí. El código no tiene más opciones que las mostradas.

Santiago  

En algunas entradas me sale "Advertencia: La direccion http://www..... es inalcanzable" A que se debe??

JMiur  

¿En que blog te pasa eso?

Santiago  

En un blog de blogger. Hice todo lo que dice esta entrada y el comment box se insertó perfecto sólo que bajo éste aparece ese mensaje de advertencia en algunas entradas :(

JMiur  

Pregunté para ver el ejemplo y si era posible entender el error. Puede ser cualquier cosa. que no esté colocado el DIV de Facebook, que se use una aplicación mal configurada, etc.

El Gato  

la caja me queda mucho mas abajo no inmediatamente despues del cuadro incluido por blogger.
hay otros lugares para ubicarlo que no sea despues de la caja de blogger si no que sea antes y que se reduzca el tamaño que se pueda ver mas arriba

El Gato  

lo que le pasa a santiago a mi tambien me paso, lo arregle haciendo bien la aplicacion por que el id que tomaba era incorrecto lo hice hasta q funciono , solo me falta subir la caja para que se vea mas arriba esperando respuestas de jmuir

JMiur  

No puedo decirte si hay algún detalle de diseño o propeidad que provoque eso porque debería ver el ejemplo concreto.

Puede ser colocado en cuaqluier parte, donde se quiera dentro el widget blog, abajo, arriba, en el post-footer; no tiene restricciones.

CID_VII  

Excelente tutorial, pero tengo una duda. Yo cree una página adicional dentro de mi blog: Creación de entradas > Editar páginas > Página nueva.

Me gustaría que las personas pudieran publicar con sus cuentas de facebook, tal como en las entradas normales (gracias al tutorial).

¿Sabes cual será la linea en la cual hay que volver a copiar el código de facebook para que este habilitada esta opción?

Desde ya, muchas gracias

dioscaficho  

Genial el Blog, le estoy sacando su jugo, en uno de los comentarios de este post encontre la manera de poner en Español el Fanbox de Facebook,y eso que ya habia perdido toda ezperanza

JMiur  

CID_VII:
Puedes ponerlo en culquier otra parte, por ejemplo en el footer de las entradas y en ese caso, condicionarlo:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
y aqui el código de facebook
</b:if>

El Gato  

Jmuir se que se puede poner en cualquier lado eslo lo se, pero aun no entiendo bien los codigos ni me los se de memoria. yo sigo los ejemplos cuando lo pones asi:
debes buscar y pegar antes de </head , entonces yo lo busco y lo pego.
pero no puedo encontrar por ejemplo el footer postfooter.

y si lo dejo ahi como tu lo tienes publicado, me sale muy abajo hay posibilidades de ponerle algo para subirlo y dejarlo justo debajo del formulario de comentario de blogger o arriba.

porfa explicame con peras y manzanas....
Gracias Jmuir

JMiur  

No sé cuál es tu blog así que no sé cómo está organizada esa parte ni que dato darte para que encuentres un lugar apropiado.

El Gato  

jmuir el blog es http://iglesialimacheolmue.blogspot.com

JMiur  

Bien. Una posibilidad más sencilla de resolver ese espacio sin cambairlo de lugar. Si el resultado n ote convence, vemos la siguiente alternativa.

Busca esto en tu código, en el CSS

#comment-form iframe {
padding: 5px;
width: 500px;
}

Cámbialo así para que el IFRAME de comentarios sea más corto ya que es innecesario todo ese espacio que deja:

#comment-form iframe {
height: 260px;
padding: 0 5px;
width: 500px;
}

Luego, esto:

#comentariosface {
margin: 30px auto;
width: 600px;
}


quítale el margen así:

#comentariosface {
margin: 0 auto;
width: 600px;
}

Con esas dos cosas, creo que resuelves el tema.

El Gato  

Jmuir :
1.eres un genio de los blogger !!!
2.tu habilidad ha ayudado mucho !!!

desde que descubri tu blog ha sido punto fijo de referencias
mil gracias no bastan para agradecer

la verdad no me explico como con solo ver pudiste dar con los codigos! gracias ! te haz pasado

JMiur  

Me alegro que haya funcionado :D

Unknown  

Hola JMiur tengo el mismo problema que tenia EV. Mauricio.
Lo he puesto y esta genial pero me quedo demasido abajo y intente hacer los pasos que le diste a EV. Mauricio, y no me funciono ha tampoco tengo agregada esto #comment-form iframe {
height: 260px;
padding: 0 5px;
width: 500px;
}

Lo intente y no pude subirlo mas arriba bueno aqui te dejo mi blog directamente en una entrada para que lo veas funcionando http://cine-desde-casa.blogspot.com/2011/05/blood-out-2011.html
Bueno espero tu respuesta y muchisimas gracias!

JMiur  

El iframe con los comentarios incrustados de Blogger dice height='410px'; En tu plantilla, ese IFRAME no se identifica con un ID sino con una clase por lo tanto, la sintaxis sería:

..comment-form {
height: 260px;
padding: 0 5px;
width: 500px;
}

o bien directamente:

comment-editor {
height: 260px;
padding: 0 5px;
width: 500px;
}

Unknown  

No he podido poner mas arriba el Comment Box de Facebook?

Que parte es que tengo que agregar o quitar?

JMiur Disculpa por las molestias!

JMiur  

Lo siento, salio mal escrito el comentario con el código; va de nuevo:

.comment-form {
height: 260px;
padding: 0 5px;
width: 500px;
}

o bien directamente:

#comment-editor {
height: 260px;
padding: 0 5px;
width: 500px;
}

Unknown  

Te agradesco de todo corazon la gran ayuda que me has dado y muchisimas gracias me funciono perfectamente...

En esta entrada lo puedes ver funcionando http://cine-desde-casa.blogspot.com/2011/05/httpwww.html

:)

Muchsimas gracias

Cat Cafe Manager Español  

Muchas Gracias que quedo muy bien :D

Vinilocura  

¡Yo ya tengo la mía! Un millón de gracias (: (Captura) http://d.pr/2bLF

Vinilocura  

Ops! Aunque... no me llegan las notificaciones, creo haberlo hecho todo bien. ¿Deberían ser instantáneas simplemente con poner bien las ID? No logro ver la razón... ¡Gracias!

El Gato  

saludos jmuir
he istalado este pluggin en otro blog(http://bitacoracaleb.blogspot.com/2011/05/dia-del-conquistador-2011.html)
pero dadas las caracteristicas de la plantilla me gustaria que este box-comment se cargara justo antes del cuadro de comentarios de blogger

explicame con detalle para no perderme en el intento muchas gracias

JMiur  

Puedes colocarlo en cualquier parte. Porejemplo, inmediatamente después de:
<b:includable id='comments' var='post'>
para que se vea arriba de los comentarios o arriba de:
<b:include data='post' name='comment-form'/>
para que se vea arriba del formulario.

El Gato  

JMUIR GRACIAS MAYUSCULAS MAESTRO GRANDE,
quedo bien en el sitio
solo una cosa me pasa algo extraño cuando hice las 100 pruebas del box en el face me aparece codigos extraños, en donde deberia ir la descripcion de la entrada salen como cosas asi: summary_noimg 600; summary_img 450....

te envio el enlace de la foto

http://i1178.photobucket.com/albums/x365/adventistaslimaolmue/PROBLEMACONELGIDYET.png

El Gato  

te escribi hace algunos momentos pero no se i se posteo correctamente

primero agradecerte por que me funciono como me dijiste jmuir
2 cuando lo probe en facebook me da sale unas cosas extranoas que yo no he puesto dicen algo asi como summary... 600 y summary400
me gustaria saber si esto tiene arreglo
te envio una foto para que veas lo que me pasa con la entrada que se publica http://i1178.photobucket.com/albums/x365/adventistaslimaolmue/PROBLEMACONELGIDYET.png
Gracias jmuir de ante mano

JMiur  

Pués no sabría decirte por qué motivo ocurre eso que es tan raro ¿Pasaba lo mismo cuando estaba debajo del formulario?

El Gato  

si si salia y puede que sea error de la plantilla el problema

Santiago  

He puesto el ID de mi facebook y no recibo las notificaciones de mensajes dejados en el blog a pesar de que sí se han dejado. Que podrá estar mal?

El Gato  

jmuir

1° cuando lo pongo debajo de la caja de comentario de blogger aparece igual

2° llego mal el ultimo comentario lo que queria decir: lo que sale en facebook puede ser que alguna propiedad de la plantilla que este interfieriendo con lo que se publique en facebook aparezca de una manera adecuada?

lo que hice fue buscar en la plantilla lo que me aparecia en facebook eso del summary 600.... blabla

debajo de esto:
div class='post-body entry-content' (le saque las comillas francesas)

aparece lo siguiente:

script type='text/javascript' (ojo le saque un <p y algunas comillas francesas)
summary_noimg = 600;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 150;
/script
script type='text/javascript'
//![CDATA[

hay algo que se pueda hacer para que esto se solucione y que salga la primera parte del post.
he tenido que borrar muchas comillas francesas por si acaso aca una foto de lo que aparece en la plantilla y que aparece ne facebook
http://i1178.photobucket.com/albums/x365/adventistaslimaolmue/blogproblemaposibleconplantilla.png
vamos a ver si ahora me deja publicarlo este comentario.

de antemano gracias, el blog es http://bitacoracaleb.blogspot.com/

JMiur  

Santiago:
Si los IDS son correctos, no sabria decirte; verifica colocando la URL en este sitio de Facebook. Allí,te indicará si hay algún error en el código o si falta algún dato.

Ev. Mauricio:
Este script:

<script type='text/javascript'>
summary_noimg = 600;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 150;
</script>

no hace falta que esté en los posts, sácalo de allí y colócalo antes de </head>

José Luis Ahumada Letelier  

Estimado, he probado distintas formas de integrar los comentarios d efacebook en un sitio web dinámico con php, me aprace la ventana, y puedo postear, pero al emtrar como moderador no puedo ver los post que han hecho otras personas que no son amigos mios en facebook, tu sabes si eso es ajustable en algún lugar?

el sitio que estoy trabajando es http://www.ywcachile.cl en la sección de noticias.

muchas grcaias

Santiago  

Gracias Jmiur muy amable en responder :) Una pregunta más... cómo hago una aplicación para moderar los comentarios?

El Gato  

jmuir: gracias maestrooooooooooooooooooooooooo
miles de gracias
luego de correr ese scrip al head, me seguia saliendo palabras extrañas en el facebook, pero me di cuenta que habia otro scrip y le hice lo mismo lo subi al head.

ahora esos scrip son importantes?
o no pasa nada si los muevoooo

pero gracias maestroeeeeeeeeeeee
grande grandeeeeee

El Gato  

nuevamente gracias Jmuir por compatir tu sabiduria

JMiur  

No sé cuál es el segundo script que has movido así que no puedo asegurarte nada.

El que te dije, no tiene sentido que esté allí debajo en el LOOP de los posts porque son definiciones generales así que sólo es necesario que se ejecute una vez y n ovarias que es lo que pasa en el LOOP que es laparte que Blogger repite varias veces para mostrar varias entradas en el home.

Imagino que el otro es similar, seguramente una función que crea los resúmenes y sies así, también debía ser quitada y debía colcoarse en el head.

Unknown  

Hola jmiur te quiero pedir 3 cosas si no es molestia.

1: Puse el nuevo Comment Box de Facebook y me salia muy abajo y lo solucione logre ponerlo, serca de la caja de comentarios del blog, el unico problema es que me sale un poco mas a la derecha. como puedo ponerlo un poco mas a la izquierda?

2: La cabecera de mi blog intente modificarla para que la imagen quede completa, por que solo me muestra una parte, cuando intente ponerla para que se muestre completa, se descuadro el ancho del cuerpo de la pagina. La pregunta es como ajustarla para que se vea completa sin que me descuadre nada? o si no ¿Como dejarla fija la cabecera de mi blog para que no flote, y asi ajustar la imagen para que se vea completa?

Te agradesco del alma tu gran ayuda...

De antemano muchisimas gracias por todo

Unknown  

Ha se me olvidaba este es mi blog

http://cine-desde-casa.blogspot.com/2011/06/seven-days.html

JMiur  

La cja de Face sale más a la derecha porque está centrada y los comentarios no. Si quieres que se alineen, quita el margin: 30px auto; de esta parte
#comentariosface { }
puedes poner margin: 30px 0; y de ese modo no se centrará.

No sé que tamaño quieres que tenga ese header; ahora, la imagen mide 977 de ancho pero, hay varias medidas distintas:
#header-wrapper : width: 1060px;
#header : width: 1000px;

No sé cuál es la idea que tienes para ese header pero, la imagenn es un fondo así que colocada cualquiere, jamás lo descuadrará, pero si se descuadra si los valores de width no son correctos o si se usa la propeidad float cuando no es necesario. Por eso, debería saber cómo es el diseño para tratar de orientarte.

El Gato  

jmiur
nuevamente acudo a ti en busca de ayuda con este box comment que me va a volver loco.
te cuento todo funciono bien cuando lo instale en el primer blog
http://iglesialimacheolmue.blogspot.com

luego lo instale en bitacoracaleb.blogspot.com
y para cuando reviso el primero el cuadro ha desaparecido y no lo puedo ver ni en IExplorer, ni en el mozilla, lo puedo ver desde el opera y del opera movil revise por completo la plantilla y volvi ha hacer todo denuevo en igles.... pero aun asi no aparece, alguna idea de lo que paso

se agradece tu ayuda muchas gracias

El Gato  

jmiur :ah una cosa que se me olvido es q cree aplicaciones distintas para cada una de los sitios y tienen paginas separadas
gracias espero me puedas ayudar

JMiur  

Pués ahí está, esta es la captura.

El Gato  

si en Bitacoracaleb.blogspot.com esta y lo veo y esta funcionando bien,
pero desaparecio misteriosamente de iglesialimacheolmue.blogspot.com cuando lo instale en bitacoracaleb.blogspot.com solo lo puedo ver desde el navegador opera no aparece me aparece ni en mozilla ni en IE.

sacare todo y lo volvere a hacer en una de esta me funciona gracias jmiur
si tienes idea que paso dime para no volver a cometer errores

y gracias por todas las molestias

El Gato  

esto es lo que me pasa con los navegadores
http://i1178.photobucket.com/albums/x365/adventistaslimaolmue/noseenmozillasiseveenopera.png

Unknown  

Gracias Jmiur ya solucione lo de la caja de comentarios, solo me queda lo de el header sigo con el mismo problemita.

Muchas gracias por tus ayudas que me has brindado.

Saludos

JMiur  

Ev. Mauricio:
Revisa el sitio usando la herramienta de Facebook para establecer errores.
En este caso, dice que fb:admins es erróneo.

candidaestudio  

Hola yo pude aplicar esto en mi pagina de prueba, pero no me sale la notificacion en mi facebook, si alguien comenta... se puede cambiar eso? de ser asi como??? gracias!!!

Wilmer L.  

Jmiur,
Gracias, funciona bien. Pero como cosa rara, no se ve en Internet Explorer.

¿Alguna sugerencia?

JMiur  

candidaestudio:
Si los datos son correctos y no funciona, no queda otro remedio que consultar en Facebook mismo.

Wílmer:
Fñijate si esta entrada ayuda a resolver el tema de IE.

Invitaciones Digitales y Animadas  

Hola eh visto que varios también tienen el mismo problema que yo tenia ala hora de comentar porque se repetían los comentarios en todas las entradas individuales, me puse a investigar por ahí y es cuestión de "no usar nuestra url estática" para que asi no se repitan los comments en todas las entradas ejemplo de como debe ser el código para no repetir comentarios:

JMiur  

Es lo que dice esta entrada. Debe usarse:

expr:href='data:post.url'

Sandro  

Muy buenas, esto de Fb Comment va a terminar con mi paciencia.¿Alguien sabe por qué me aparece en Internet explorer perfectamente y en Google Chrome nada?

JMiur  

No sé en que blog está colocado.

Sandro  

Está en el mío personal. El de Negocios. Si entro con IE lo veo perfectamente. si entro con Chrome no aparece y con Mozzila no he probado, la verdad.

JMiur  

Yo n ol oveo en ningún navegador y eso ocurre porque has colocado el código en un elemento HTML1 y, en esos elementos, cosas como expr:href o data:post.url no se tendrán en cuenta ya que son gódigos y expresiones que sólo pueden ser usadas dentro de la pantilla misma.

Un detalle más; data:post.url es un dato que sólo es accesible si se lee dentro del includable de las entradas y no fuera de ella.

Sandro  

Ok, Gracias por mirarlo. Haré mi último intento instalándo el código dentro de la plantilla, y si no me sale, desisto del Facebook Comment de las narices :)

He probado con otros navegadores y es cierto que no se ve con ninguno, salvo con Internet Explorer versión 9, que es el que tengo instalado y por eso podía verlo.

Nuevamente gracias. Recibe un saludo.

Sandro  

Ufff, por fín!!! Ya está instalado y funcionando correctamente. De nuevo mil Gracias.

JMiur  

Me alegra que se resolviera.

Radick  

Hola Brother, he logrado insertar los comentarios pero no puedes hacer un tutorial un poco más extenso de como moderarlos, siempre me dejas en dudas tanto en esta como la version anterior solo que en esta al fin pude insertar comentarios.

JMiur  

Radick:
Para poder moderar los comentarios, debes crear una aplicación y colocar el ID de esa aplicación en la etiqueta META correspondiente. Eso es todo lo que puedo aclarar al respecto, desconozco si existe alguna alternativa extra.

DjfOXMix  

Hola Jmiur Segui el tutorial al pie de la letra

en mi blog http://radioportalfoxmix.blogspot.com

y no me funciona :(

por si me podes ayudar! tambien desaparecio mi box de fans de la web

JMiur  

Dj Fox Chile:

Es posible que eso ocurra porque estás usando dos scripts diferentes ya que el navegador me dice que salta este error: FB.getLoginStatus() called before calling FB.init().

Como todos los plugins se han unificado, basta colocar esto justo después de <body>

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

y luego, colocar los códigos <fb .... > sin necesidad de volver a cargar otros scripts ya que ese, es el único necesario y con ese, se controlan todos.

DjfOXMix  

Arreglado!! :D

Mil gracias!! alguna posibilidad de que quede arriba de los comentarios, apenas termine la entrada?

http://radioportalfoxmix.blogspot.com

JMiur  

Perfecto :D

El código FB lo puedes colocar en cualquier lado dentro de esa parte de los posts. Ahí tienes, por ejemplo, un DIV con las etiquetas que tiene una clase llamada singleinfo.

En esos casos, siempre conviene condicioanrlo para que sólo se muestre en las páginas individuales.

TotalGAmeRsArgentina  

puse bien todas las ID y no me llega ninguna clase se notificación. Ni siquiera puedo moderar...
ID_DE_USUARIO: 1058616117
ID DE APLICACIÓN: 138229562918890
otro problema es que quiero conservar el cuadro para comentar de blogger pero me deja demasiado espacio entre este y el de facebook...
mi blog: www.totalgamersargentina.blogspot.com
mi codigo xml completito... http://www.mediafire.com/?cignnqyutgcbq93
;-)

JMiur  

No es algo que pueda responderte. Usa la herramietna de Facebook para ver si hay algun error.

Inmortal  

Jmiur:

Una duda, podrias explicar la configuracion del atributo "ref -" de plug in de facebook Activity Feed, tengo entendido que da seguiento del trafico que generan los plug ins de facebook, pero no le entiendo bien como agregarlo, haber si puedes hacer una entrada :D. Te lo agradeceria, e igual a alguien mas le sirve.

http://developers.facebook.com/docs/reference/plugins/activity/

Saludos

Inmortal  

Ah por cierto el mismo atributo "ref - " aparece en el Plug in de Recomendaciones. ¿Para que sirve? ¿como se usa?

Saludios :D

http://developers.facebook.com/docs/reference/plugins/recommendations/

JMiur  

No tengo idea del uso que pueda tener ese parámetro.

Sandro  

Hola, JMiur. Te voy a dar la lata otra vez. 2 preguntas a ver si me puedes echar una mano.

Como sabes, ya instalé el Comment box de facebbok en mi blog. Si ahora mismo quisiera instalarlo en otro, ¿me sirve el mismo código y misma aplicación o debería crear otra? Y otra pregunta menos importante. Mi pensamiento es quitar los comentarios de blogger, y me dí cuenta que al hacerlo, también me desaparecen los de facebbok. Eso a qué se debe y cómo podría solucionarlo?

1000 gracias de antemano y disculpa mi ignorancia en estos temas.

JMiur  

Tengo entendido que no, que debes crear una aplicación diferente ya que uno de los datos que se colocan en esa aplicación es, justamente, la dirección URL del dominio con el que se va a relacionar.

Si el Comment-Box está dentro del includable de comentarios de Blogger tal como muestra esta entrada, obviamente, si eliminas ese elemento, desaparecerán ambos; simplemente, debes colocar el Comment-ox en otra parte dentro el footer de las entradas.

CID_VII  

Hola nuevamente, muchas gracias por ayudarme la ultima vez. Ahora vengo con una nueva duda que, aunque paresca tonta, me tiene un poco complicado. Logré instalar los comentarios de facebook y moderarlos, cuando voy a Facebook y alguien comenta me aparece una notificación, pero por más que he activado casillas en Mi cuenta de Facebook> Configuración de la cuenta> Notificaciones no me llega un mensaje cuando alguien escribe. ¿Podrías ser tan amable de decirme especificamente a que aplicación debo hacerle el "tick" para que me llegue el mail notificandome nuevos mensajes?. Porque le hice el tick a la aplicación que yo cree para moderar los mensajes, pero aun si no me llega correo alguno. Desde ya muchas gracias

JMiur  

O es la de la aplicación o es la de tu cuenta. No sabría decirte.

Unknown  

hola broder. te pido una ayuda. para agregar plugins comentarios ami blogger. ami no me sirve. hay una falla x ejemplo los comentarios q hacen x facebook salen en todos los post de mi blogger. y solo deben salir en el post donde se comento! pero sale en todos!!

Unknown  

:(

Unknown  

Hola brother solucione el problema de los comentarios que se veian en todos los post, ahora el problema es que siempre en las entradas me sale esto: Advertencia: no se puede acceder a http://www.animeallstar.net/2011/06/y en todos los post. ( solo es un texto q sale abajo de los comentarios de FC) y si no entiendo es de moderar los comentarios??en primero donde se pega ese codigo:S en adelante de head cerca ala cabezera, o en el otro head que sta muy abajo entre los html! :S xq no sale para moderar. q id pongo de la cuenta o de la pagina :s

JMiur  

No veo que aparezca ese mensaje. Los datos del usuario (los de la cuenta) van en una etiqueta META y los de la palicación van en otra. Se ponen ambos.

Los errores que detecta Facebook, los puedes chequear en esta página.

Unknown  

hmmm broer no habra una forma de comunicarme contigo por chat?? xfavor!! espero que me ayudes, recomendare tu blog en foros^^ mi msn es: ownerallstar@hotmail.com

JMiur  

No. No uso ningún sistema de chat.

Anónimo  

Hola ayer comenté sobre un error, pero nose si te ha llegado mi mensaje. El cuadro de comentarios he podido insertarlo y se ve bien, pero al momento de que alguien comenta sale este mensaje "This comment has not yet been published to Facebook. Publish Comment" antes de ser publicado. Agradezco tu ayuda para este problema. Saludos

JMiur  

No. No veo que se ha publicado ese comentario, Eliana, Tampoco llegó una notificación al mail así que seguramente, se perdió en los laberintos de Blogger.

De todos modos, no sabría qué responderte sobre eso. En lo que debes insertar en tu blog no hay más opciones que las enumeradas

Unknown  

Bueno ya no se mas que hacer, lei muchos tuto y ninguno me funciono, y el tuyo es el mas completo, pero no logro solucionar mi problema.
Me aparece debajo del cuadro de dialogo el siguiente mensaje:
"Advertencia: no se puede acceder a http://horaciomax.blogspot.com/2011/07/infidelidad-naturaleza-incontrolable.html."
Y no se como hacerle para que no aparezca mas...
Te lo agradecería si me podes ayudar con eso.
Desde ya muchas gracias.
Un abrazo.

JMiur  

N osabría decirte cuál es el problema, MaX.

I. Medina  

como podría hacer que los comentarios de no se repitan en todas las entradas!!!
He puedo la caja de comentarios bien pero si comentaron en mi primera entrada, se repiten en todas las demas!!!!

JMiur  

Colocándolo dentro de alguna aprte del elemento Blog e indicando la URL tal como indica la entrada:

<fb:comments expr:href='data:post.url' colorscheme='light' num_posts='2' width='500' ></fb:comments>

Gabriel  

buena JMiur no lo se que e hecho mal pero me da el siguiente error "The comments plugin requires an href parameter" si me podías ayudar te lo agradecería eternamente el blog es http://www.teayudamosencontrartrabajo.net/ Gracias

Cristianita  

Disculpen, pero me equivoqué al poner el plugin... Primero lo había puesto como gadget o widget desde "Diseño", y lo borré... Ahora no puedo obtener el código de vuelta :(

JMiur  

Te ayudamos a encontrar trabajo:
No sé que estás colcoando. Aparnetemente, dice que te falta el HREF de la etiqueta.

Cristianita:
El código FB es siempre el mismo:

<fb:comments href='URL_sitio' colorscheme='light' num_posts='2' width='500' ></fb:comments>

o

<fb:comments expr:href='data:post.url' colorscheme='light' num_posts='2' width='500' ></fb:comments>

Carlos Martinez  

hola JMiur.

e echo todo pero me falta un detalle es el id de la aplicación noce donde encontrarla y ps leí todos los comentarios y dices que si e creado una aplicación entre y saca la id ice eso noce si entendí bien espero tu ayuda gracias y excelente bro aquí tienes otro seguidor mas ^^

Gabriel  

Ya lo tengo Gracias por tu ayuda a ver si se podría hacer algo similar con twitter..

JMiur  

Cinecolombi:
El ID de la aplicación la puedes ver cuando entras a la página de desarrolladores donde se listan las que has creado.

robinsonchar  

Hola JMiur: Tengo un problema, no me llega las notificaciones y estoy perdiendo muchos seguidores de mi blog. He hecho todo al pie de la letra y todo parece funcionar bien. No se que pasa.
Saludos.
www.robinsonchar.blogspot.com

JMiur  

Pués no hay nada que pueda decirte al respecto.

Rafael Rodriguez Casas  

hola amigo tengo un problema.
ya pude poner la caja y estaba feliz hasta que vi que se repiten los comentarios en todas las entradas.
que puedo hacer?
otra pregunta no encuentro mi Id de aplicación sera por que cree la aplicación de esta forma y no de la anterior?
gracias.

robinsonchar  

Hola JMiur... ya solucioné el problema. Era algo de poner y ya!!!! Pero tengo otra pregunta: Porque no se publica el titulo del post en los perfiles de facebook de las personas que escriben en la caja de comentarios de facebook que está en cada post de mi blog. Solo se publica el título de mi blog acompañado de la descripción de este. Aclaro que la URL funciona perfectamente. Espero haberme hecho entender. Saludos.
www.robinsonchar.blogspot.com

JMiur  

Rafael Rodriguez Casas:
A mi entender, la caja de comentarios debe estar deltro del includable de posts de Blogger y tener como href, una variable tal como indica esta entrada:

<fb:comments expr:href='data:post.url' colorscheme='light' num_posts='2' width='500' />

Si no está dentro de esa parte, la URL será la que tome Facebook y suele ser errónea.

Sólo hay una forma de crear una aplicación así que no entiendo esa parte. El ID, l oencuentras en el Panel donde estan todas tus aplicaciones.

Robinson Char:
Intenta colocar la mayor cantidad de datos posibles con las etiquetas de OpenGraph. Voy a ver si mañana publico un resumen de esa parte.

Usa tambien esta herramienta de Facebook para verificar que estén los datos necesarios y ver qué es lo que ellos leen de tus páginas.

Unknown  

Como podemos colocar en la barra lateral últimos comentarios de facebook??? Supongo que habrá un feed para hacerlo?

JMiur  

Desconozco si los comentarios de Facebook poseen un feed y tanto Facebook como Twitter han hecho cambios que afectan el acceso a sus datos por lo que ahora se requiere autorizar los accesos a ciertos datos que antes eran públicos.

Unknown  

S.O.S. Me interesa meter dentro de un widget html en la sidebar la expresión, y resulta que no reconoce la expresion data:post.url como lo hago????

JMiur  

No es posible agregar expresiones XML que son esas como data:post.url) dentro de una entrada ni dentro de un elemento HTML, sólo pueden ser usadas en la plantilla misma.

Unknown  

Gracias por tu ayuda. Sabiendolo desisto de lo del html. Saludos

Emilio Luna  

Se le puede poner un título a este gadget, por ejemplo "Comenta en facebook"? Gracias J.Miur

Emilio Luna  

Por cierto yo también me uno al problema con el id. No llegan las notificaciones al perfil añadido.

JMiur  

Se puede poner lo que quieras otra etiqueta pero el contenido no variará.

kkk  

Hola, sabes tengo un problema... digamos grave, lo cierto es que lo había sufrido una vez y lo solucioné, pero ahora ¡No recuerdo cómo lo hice!e facebook.
Verás, he tenido durante bastante tiempo el box, ayer cambié de dominio, y verás... Todo bien, hasta que noté que me fallaba el box, me fuí a la aplicación de facebook y le cambié la dirección del blogspot, por la nueva que es.net, y sabes.. Me funciona perfecto, pero perdí un centenar de comentarios, en mi sitio se publican novelas online, por lo que los comentaros son una parte esencial.
¡Cualquier aporte es bienvenido!

Christian  

Yo tenia un problema el problema es que no tenia < body > y no sabia donde pegar lo que aqui explicaba y encontre una solucion!

Pegar este codigo

http://www.tecnologiadiaria.com/2011/04/insertar-caja-comentarios-facebook-blog.html

pero yo lo puse mucho despues por que mi plantilla es muy distinta si quieren ver puden chequear mi blog

gleekecuador.blogspot.com

lo que si me gustaria saber es como crear una aplicacion en facebook NO PUEDO! me sale que confirme mi telefono o por tarjeta de credito :( si agluien sabe como aviseme

JMiur  

Toda página web tiene una etiqueta BODY. Las nuevas plantillas de Blogger incluyen atriutos y suelen decir:

<body expr:class='"loading" + data:blog.mobileClass'>

La etiqueta sique siendo BODY.

Para crear una aplicación debes tener una cuenta verificada que puede hacerse via móvil, enviando un mensaje de texto y copiando el códgo de verificación que te dan. Eso, puede hacerse en la misma cuenta, en Configuración, pestaña Móvil.

Anónimo  

pues la plantilla de blogger que he descargado es muy complicada, pero intentare seguir los pasos que enseñas, espero con suerte :D el sitio serà italiawebtv.blogspot.com
gracias por la info.

Unknown  

Muchísimas gracias por todos los consejos. Logré poder el comment box en mi web exitosamente :D

emilla  

Hola!!! una pregunta! mira mi blog normal puse todo como dice PEROOOOO los comentarios se repiten en los boxes.. osea no importa que lo ponga y lo ponga y se repiten el primer box con el ultimo que pongo si quieres miralo www.negraencuerpodeblanca.blogspot.com (no es publicidad solo es que necesito ayuda)
plis!! dime como lo resuelvo gracias

Jeen  

Hola! mira te hago una pregunta por favor si me la podes responder. Quiero saber como poner el logotipo, imagen de Facebook Y twitter en mi blog para clickear y que entren en mis paginas, no se como se hace , si me podes contestar genial ! . Gracias :)

JMiur  

Simplemene, subes la umagen y la usas como enlace:

<a href="URL:MI_CUENTA" target="_blank">
<img src="URL_MI_IMAGEN"/>
</a>

Jeen  

No entiendo , la subo como gadget ? , quiero tenerlo como vos tenes a la derecha/ Arriba en tu blog. no entiendo como subirla, pero bueno gracias.

JMiur  

La subes, igual que cualquier otra imagen, si quieres que esté en Blogegr, la subes en cualquier post borrador y copias la direccion; luego, añades un gadget nuevo, uno de tipo HTML y ahí pegas el codigo que te mostré, cambiando la dirección de la imagen y la del sitio a enlazar.

Todo eso, también lo puedes hacer en un post borrador, verlo y luego, copiar y pegar el código.

Petroleumplusjournal  

Gracias por este aporte, espero contactarme con usted para ver como me ayuda a mejorar la forma en que debo poner los comentarios en mi blog, gracias

Roro AVR  

Mil gracias!!! Por fin pude colocar un plugin de facebook en mi blog correctamente :D Había puesto el plugin pero los comentarios en las cajas iban para todas las entradas igual, gracias por haber puesto como hacer los comentarios individuales para canta entrada :D De por casualidad no tendrás algun post de como colocar el botón me gusta al lado del titulo de las entradas?

JMiur  

No. No hay nada específico sobre eso porque depende de los diseños de las distintas plantillas.

Anónimo  

excelente el aporte muchas gracias ya lo tengo implementado en el blog..saludos

Petroleumplusjournal  

Hola, Gracias por el tutorial me ha servido de mucho,

tengo un problema con I.E 9 resulta que cuando navego por este navedor no me aparece la caja de comentarios, en cambio con firefox no hay problema, no se que esta pasando, te agradezco que me puedas colaborar:

este es el link de uno de mi blog:http://lacoalicionpetrolera.blogspot.com/2011/08/nontechnical-guide-to-petroleum-geology.html

JMiur  

Desconzco como se se ve en IE9 porque no l otengo. Hasta IE8 se ve normal.

David Zuñiga  

como peudo ocultar mi antigua caja de comentarios sin que se oculta la de facebook????

JMiur  

En lugar de colocar el código de FB denro de ese includable, colócalo en otro lado, en cualquier parte del footer de las entradas.

Laguna  

Hola, ante todo muchisimas gracias por este tutorial, me ha servido de mucho :D.

Tengo una pregunta, queria saber si hay alguna manera de que en la columna de la derecha de mi blog aparezca por ejemplo los 5 ultimos comentarios que han publicado con el sistema este de Facebook ¿se puede?.

Un saludo y gracias!

JMiur  

Lo desconozco, los plugins disponibles son los que ofrece Facebok y no hay otros. Deberías ver si algun ode ellso se acerca a eso que deseas

MyM  

Hola JM. Sabés que lo estoy probando y cuando envío un comentario( de prueba, en Facebook aparece la url de mi blog sin especificar en qué tema se dejó el comentario). A su vez, en todas las páginas aparece el mismo comentario ¿ Tendrá solución? No sé si me expliqué bien, si dejo uno en respuesta a una poesía, me sale en la encuesta de CF ( nada que ver)¿ Podré arregrarlo?
Cariños.
PD: Los comentarios de Blogger no se ven pero porque yo quiero que sea así, no porque haya afectado el código.Ah, y sí logré condicionarlo a las entradas individuales.

JMiur  

Por lo que veo, estás usando el código donde se indica explícitamente la URL del post:
<fb:comments colorscheme='light' expr:href='data:post.url' num_posts='2' width='500'/>
así que n ose me ocurre cuál podría ser el problema.

¿Por qué no pruebas colocar el DIV y el script inmediatamente despueés de BODY tal como indican en Facebook?

MyM  

Porque en mi plantilla sale BODY pero con símbolos ( apertura y cierre), y al ponerlo abajo no lo acepta, dice que está mal formada.Pero ahora que he seguido probando, parece que lo está independizando, es decir, no me figura en todos los Post los mismos comentarios y si uno presiona el enlace directo del Post desde Facebook va al Post del que viene.
Gracias por tu ayuda, seguro que vuelvo después cuando me de cuenta en qué brete me he metido.
Un abrazo

PD: Ahora voy a ver si los puedo administrar ya que si no, ni me voy a enterar cuando comenten los antiguos artículos.

chayro  

JM esque el problema esque no kiero tener para que comenten en general si no para cada nota y si por decir alguien comenta alguna nota como de noticias y su amigo de facebook ve que comento la hacer click su amigo lo mande a esa nota de noticias y no ha el blog general

Jess  

Hola. Tengo una duda:

Quiero que la caja individual de cada post se vea desde la página principal. Porque yo no tengo los post replegados así que nadie le va a dar al título, por ende nunca verán la caja.

¿Hay alguna forma de hacer lo que necesito? Gracias de antemano

JMiur  

El código e el mismo:
<fb:comments colorscheme='light' expr:href='data:post.url' num_posts='2' width='500'/>
excepto que, en lugar de estar junto con los comentarios de Blogger, debe estar en otra parte, por ejemplo, en el footer de las entradas.

No es recomendable hacer eso, significará un aumento sustantivo en el tiempo de carga de la página ya que se agregaran múltiples iframes.

Es por ese mismo motivo que los comentarios sólo son visibles en las páginas individuales y esto, es así, sin importar si están resumidos o no.

Jess  

Ya lo logré. Muchas gracias. Me ha gustado mucho tu blog y planeó aplicarle al mío mucho de lo que has enseñado por acá. ¡Nos vemos! :)

JMiur  

Perfecto, Jessica.

๖ۣۜÇΣZΛЯۣ™ (CESAR JERICHO)  

Pregunta: Como consigo la ID de las Aplicaciones, No poseo ninguna Aplicación! (q yo sepa) Necesito que expliques ese punto mejor xq no entiendo nada, Me podrias dar 1 link Exacto para saber donde puefo visualizar la ID de la Aplicacion o los pasos xq de verdad q no veo nada de ID de Aplicacion..

JMiur  

Si no usas ninguna aplicación, ese dato es innecesario.

Kodigo H  

Disculpa mi ignorancia pero lo que ssi no entendi es como administrar la caja de comentarios,y si puedo hacer que cada que comenten me llegue una notificacion ami perfil porfavor y muchas gracias :D

JMiur  

Para administrarla, debe estar asociada con una aplicación propia; así, aparecerán las opciones de Configuración y Moderación en el mismo Comment-Box y además, se verán en Facebook del mismo modo que cualquier otra en la page de Facebook.

Para que se envien por mail, se debe establecer esa opción en la misma cuenta de Facebook.

Kodigo H  

Para que se envien por mail, se debe establecer esa opción en la misma cuenta de Facebook. <-------- Esto se configurara en la aplicacion propia ke tengo k hacer o asociar????

JMiur  

Primero que nada, debes crear una aplicación.

MyM  

Hola JM. Aquí estoy de nuevo. Sabés que he logrado administrarlos pero noto un errorcito que es que no sé en qué Post me han dejado el comentario. Tengo un poco que estar adivinando, lo bueno es que uno puede moderarlos y si, como en mi caso al ser un Blog de Literatura, si vienen llenos de horrores ortográficos, directamente uno puede no mostrarlos.
Bueno, volví para que supieras. Por otra parte lo recomiendo, aunque el mío ha agregado tiempo de carga web( pa´variar); en verdad los recomiendo porque Face trae tráfico.
Un abrazo.

MyM  

Ahh, y ya los pasé al Footer, espero que así esté mejor. Saludos :)

JMiur  

Ese detalle lo desconozco, no me he fijado la forma en que funciona ya que no lo estoy usando más allá de este ejemplo.

EL GURU  

disculpa master, yo tengo una bronca pude poner la caja de coments y todo perfecto, pero no me salen en la pagina principal y en cada post que pongo, es posible? los quiero en el index, y no picandole al post, en donde tengo que pegar el codigo ?? uso blogger.. gracias..

JMiur  

Para eso, tienes que colocarlo en cualquier parte fuera del includable de comentarios, por ejemplo, en el footer de los posts dode están las etiquetas y asegurarte que el código tenga esta parte:
expr:href='data:post.url'

John  

Gracias por la informacion

Prueba  

Para obtener el ID del usuario van a su muro y hacen click derecho sobre la imagen de su perfil y seleccionan "copiar la ruta del enlace" (en Firefox)y van a obtener un link asi

http://www.facebook.com/media/set/?set=a.1582706444392.77867.1137633609&type=1

1139633609 este es el ID del usuario, obviamente ese no es el mio solo puse cambie un numero al azar

Arturo García Flores  

Yo sólo tengo una duda ¿Cómo le quito al blog lo que en la imagen está marcado con azul? (0 comentarios: - Publicar un comentario en la entrada) http://i14.photobucket.com/albums/a344/artgf/Duda.png

Espero que me echar la mano. Saludos.

JMiur  

Eso suele estar dentro del includable llamado comments y allí, en un etiqueta H4 pero, para más detalles habría que ver el blog mismo.

Pliactom  

Oye qué interesante, gracias, ya lo he aplicado para el blog y otra para comentarios individuales en las entradas. Interesante, muy práctico.

Saludos desde Oaxaca, México.

Resistencia Rojiblanca  

Gracias me sirvio bastante este post,funciona perfecto ,solo tengo una duda, como hago para que me notifiquen cuando alguien comento, ya sea en facebook o en el correo no importa.

JMiur  

Eso lo debes configurar en Facebook mismo siempre que estés usando una aplicación propia.

Resistencia Rojiblanca  

Ah ,gracias por tu ayuda ,si me puedes poner el link para esa aplicacion ya la busque y no puedo encontrarla porfavor

JMiur  

No es una aplicación externa, debes crearla.
También debes poner los datos en el blog usando etiquetas META.

Unknown  

Hola amigo tengo un incoveniente, hice todo lo que pusiste en tu tutorial pero sigue sin salir nada en mis entradas, a que se puede deber esto???

Anónimo  

Pero los comentarios quedan para el Blog en general... o para cada Entrada por individual ???

JMiur  

Christian:
No sé que has hecho ni en que blog está tu ejemplo.

Andrés Madrigal:
Depende del código agregado. Si en Blogger se coloca el atributo expr:href='data:post.url'
los comentarios son exclusivos de cada entrada.

Resistencia Rojiblanca  

tienes algun tutorial de como crearla? :)

JMiur  

No. No hay nada sobre eso. Además es algo que va cambiando constantemente.

Carlos Martinez  

hola Jmiur.

por aqui cada vez volviéndome mas seguidor de tu blog.
hoy queria saber cual es 'NUESTRO_ID_DE_USUARIO" es que nose donde encontrarla entro a ver alguna pregunta o album y me salen diferentes números y no se cual cojer y e cojido uno a uno pero no los administra me gustaría que me ayudaras a saber cual es 'la_ID_DE_USUARIO" de este facebook http://www.facebook.com/krlox.Martinez

JMiur  

Coloca el cursor encima de la imagen de tu perfil y botón derecho, copiar direccion del enlace; en mi caso, dirá algo así:

http://www.facebook.com/media/set/?set=a.192594350750984.50589.100000012621457&type=1

el ID de usuario son lo últimos numeros: 100000012621457

Carlos Martinez  

gracias Jmiur eres lo maximo!

En La Calle Y Mas...  

Muy buen aporte!

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR