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='"loading" + data:blog.mobileClass'>Debajo de cualquiera de ellas agrega esto:
<div id='fb-root'/>Después busca esta línea:
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<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 == "item"'>
<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)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR2nscVfqqv2Pfq31GpGuKWOA3nALDJnQ_O_FY1I0z2wTpPA8Qx1gibLecvRYBNqF3X0kxxQ7t_1BVWqbFkFtspoCqtwgkjDdJan2zEXE7xgyjV0HUua3KSgt2Stf_M1ktrhzYzQVzxk9Q/s0/facebook_blogger.png)
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'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
data-width='500'
data-colorscheme='light'
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.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc-ZZPGP17Cuo2rcjCa7OnUjG7gmNw6y4y4cqYfGd4JZmFie0sCm0JmdY7FPsWPU37R8tFJp_PJPZpRbcA6-xBsGf30v-TB5_koycHM9D7xrVLs2cFZX7SDSsMm4ou1XzJw3zFGzDW8TLL/s400/aplicacion-facebook1.png)
Ahí escribe el nombre de la aplicación, acepta los términos y click en Continuar.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5n9ePaig0YzLGxZzq3Pl8h3LG06zYFQjloRpbKcTrdFfJkdzSxCWZgwdfMmcUlwsopF9dNwS3lAKb542Vc2v3nWWpZ4X-l5gsLNJSRc8zPglf5e8EnRN5k_cnwIhwpYbyhUP_fG9UTwBU/s1600/aplicacion-facebook2.png)
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.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCeINCcG0Kj6sI7il610q7x_ebusof1JqQPYk1rZ7KI4j-1sTGHQZknrdBnlMEld-JJ9fTB3f0ULuLBYS1oP8oa48KLwKHcJB9V4svfzs14LmpZRyBumkEOMtAkvwOR2807prk5CD94kX0/s1600/aplicacion-facebook3.png)
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/usuarioCambia 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.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3S8Hn1Ft1Hr3xCscdTjqkjLWUykYgTH9jrz9rYbusahS3NQvnEgHzSuPXhRH8_09E0GtXKl3G3KRHRnUPTGAw3kl5Enyhatw6abvVg-fwb2E9v84QECY2Xckxipz24GUDeOCd7IM3oTR/s800/Facebook-CommentBox.png)
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.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ3S8Hn1Ft1Hr3xCscdTjqkjLWUykYgTH9jrz9rYbusahS3NQvnEgHzSuPXhRH8_09E0GtXKl3G3KRHRnUPTGAw3kl5Enyhatw6abvVg-fwb2E9v84QECY2Xckxipz24GUDeOCd7IM3oTR/s800/Facebook-CommentBox.png)
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 ;)
Extraordinario trabajo el post Potro, super rekete bien explicado, felicidades y gracias
ResponderEliminarpotro la verdad que tu haces que las cosas se miran facil gracias potro por ser nuestro maestro.
ResponderEliminarbuenisismo, 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
ResponderEliminarBuena Potro ya lo leeré más al detalle para ponerlo en el blogg
ResponderEliminarVale 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....
ResponderEliminarhttp://pruebadeplantillascarlitocomparte.blogspot.com/
saludos mi potrillo desbocado xD
Este comentario ha sido eliminado por un administrador del blog.
ResponderEliminarOla 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 :)
ResponderEliminaroyes en mi Template de blogger no aparece la linea de
ResponderEliminarAlguna solucion?
Perdon ya la encontre me falto expandir artilugios Excelente aporte
ResponderEliminarMaGoS RaDioMuSiC, cuando son posts "largos" siempre tengo la duda si he sido claro o no, porque a veces ni yo me entiendo :P
ResponderEliminarBuenas noches :)
videosxxx, gracias a ustedes por estar siempre :)
ResponderEliminarcutexmas, 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.
VacilandoUnRap, "potrillo desbocado" jajaja.
ResponderEliminarSó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.
Jhonnysan, que todo salga bien :)
ResponderEliminarDelzon Perez, sí caray, es que el no poder crear la aplicación me detuvo varios meses, pero más vale tarde que nunca ;)
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!
ResponderEliminarcheca la imagen
AQUI LA IMAGEN
Como kito esos bordes potro...
ResponderEliminarcheca 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/
Genial El potro!! Lo que necesitaba!!
ResponderEliminarQue gran trabajo te tomas para crear estos tutoriales tan claros y faciles de entender!
Muchisimas gracias por tu trabajo :)
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.
ResponderEliminarMe he saltado algo o he puesto algo mal?
Saludos Potro, como siempre publicando cosas útiles.
ResponderEliminarHe 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).
Me olvidaba, me lo pide después de "poner el nombre a la nueva aplicación".
ResponderEliminarhola 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
ResponderEliminaryo 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...
ResponderEliminarsaludos
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!
ResponderEliminarSaludos! Nuevamente Gracias!
Potro me puedes explicar como poner entradas sugerentes debajo de una entrada, en tu web sale más trucos y después las entradas.
ResponderEliminarSaludos
facebook comment without JavaScript
ResponderEliminarTry your own: El Potro
;)
Jimmy Cerron Lazaro, sí, Google lee los comentarios de Blogger, pero no los de Facebook, por eso sería recomendable dejar ambos.
ResponderEliminarJoshi, pequeño detalle ;)
ResponderEliminarMicroboy90, para quitar los bordes de las imágenes en las entradas busca esta parte de tu plantilla y elimina lo que está en negrita:
ResponderEliminar.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.
Gracias a ti NE por andar siempre en estos lares :)
ResponderEliminarObscurus_dark, el parámetro href ya está incluido en el código, es esta parte:
ResponderEliminarexpr: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.
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?
ResponderEliminarGracias POTRO como siempre...respondiendo a todo...mil gracias!!
ResponderEliminarDesinstala ese tipo de fuente y pon una que sí te reconozca el alfabeto latino.?
y eso como lo hago?>?
Gracias...
Gabriel Barcena, bienvenido a la enorme lista de millones de usuarios que no podemos verificar nuestra cuenta por medio del celular.
ResponderEliminarEn 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.
RockNchile, para que aparezca en la portada del blog pega el código del plugin antes de:
ResponderEliminar<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>
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 ;)
ResponderEliminarhttp://pruebadeplantillascarlitocomparte.blogspot.com/
Saludos potriño gracias ;)
Hola Potro gracias por tu trabajo
ResponderEliminarpero no me sale me dice esto:
El plugin de comentarios requiere de un parámetro href.
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
ResponderEliminarhttp://sectiongamer.blogspot.com/2011/12/si-queremos-usar-mas-de-una-cuenta-psn.html
Algo viejo pero e agradece.
ResponderEliminarA 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.
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.
ResponderEliminarOye 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!!!!!!!!!!!!!
ResponderEliminarLo puse tal y como dice, pero no me aparece. O esto aparecera apartir del siguiente post?
ResponderEliminarHola 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!!!
ResponderEliminarAqui te dejo un enlace para que veas a lo que me refiero! Disculpa, fue que se me paso ponerlo en el comentario anterior!
ResponderEliminarhttp://dandoporgracia.blogspot.com/2011/12/cuatro-cosas-en-la-vida-que-no-se.html
.:R.G.F:., así es mi estimado ;)
ResponderEliminarJose Antonio Marin Arcas, son las entradas relacionadas, aquí puedes ver cómo ponerlas:
http://ciudadblogger.com/2009/07/entradas-relacionadas-en-blogger.html
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
ResponderEliminarRef. Comentario 32
ResponderEliminarUna 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.
Me pasa lo mismo que a Hija del Altísimo. ¿Como puedo solucionarlo?
ResponderEliminarBeben Koben, you always surprise me :)
ResponderEliminarEnrique Shangoon Ruiz, eso depende de la empresa donde lo compres, en Name.com por ejemplo aceptan PayPal.
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.
ResponderEliminarVacilandoUnRap, nada wn, nada más era para confirmar que ya estaba resuelto ;)
La Red En Tus Manos, prueba de nuevo, el código ya tiene incluido el parámetro href.
ResponderEliminarDexmax, sólo hay que cambiar light por dark
Este comentario ha sido eliminado por el autor.
ResponderEliminares 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
ResponderEliminarHola Potro!
ResponderEliminarexcelente entrada,justo que estaba haciendote la consulta actualizaste la entrada,pero ahora no encuentro light o dark en que codigo esta?
Saludos!
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 :)
ResponderEliminarGracias, 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.
ResponderEliminarMuchas gracias por tu generosidad.
Ay Potro cada dia te quiero masss!!! ;)
ResponderEliminarChris, 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.
ResponderEliminarJk-ch!, son las coincidencias de la vida ;)
Ola potro se puede hacer que la cajita salga antes de los comentarios de Blogger??
ResponderEliminarAngels, si has puesto los códigos en el lugar correcto debe aparecerte ya en todas las entradas.
ResponderEliminarHija 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.
hola potro hermano soy Marubio Graphics santo domingo trato de ponerla & meda erro
ResponderEliminaresto dice
El artilugio con ID "Blog1" no puede contener el elemento: "div". Un artilugio solo puede contener elementos b:includable.
Graciiiiiassss, lo tengo que mirar, pero....., lo necesitaba.
ResponderEliminarke 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?
ResponderEliminarMuchisisisisisimas gracias como siempre potro...
ResponderEliminarAyudandome.. 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.
Hola Potro:
ResponderEliminarNo 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
Hola potro; ...otra vez... ¡MOLESTANDO!
ResponderEliminarjajajaja; pero mi pregunta es: ¿Puedo ocultar o eliminar los comentarios de blogger y solo quedarme con las de facebook?
Ola Potro xD mi pregunta en si es si esta cajita salga antes de los comentarios ya publicados de Blogger.
ResponderEliminarYa 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
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.
ResponderEliminarSi 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.
CristJian, no los indexa, pero los comentarios de Blogger sí.
ResponderEliminarCocofansclub, si actualizaste también los comentarios entonces agrega después de data-num-posts='5' un espacio, luego pon esto:
data-colorscheme="light"
Raymond, ¿tienes activados los comentarios para que se muestren debajo de las entradas? Sino es así mira el comentario #66
ResponderEliminarMari @ Mari's Cakes, si el ID de la App y de tu usuario son correctos no habrá problemas ;)
Potro una pregunta como hago para que la caja de comentarios de blogger se elimine y solo quede la caja de Facebook
ResponderEliminarBren, gracias, gracias, se agradece ese cariño :D
ResponderEliminarJimmy Cerron Lazaro, ¿ya lo has puesto? porque si lo pones verás que aparece arriba de los comentarios.
marubio graphics, revisa el segundo código que estás colocando, debe estar justo donde se indica.
ResponderEliminarperickko, saludos!
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
ResponderEliminarMuy buen truco Potro Muchas gracias por estos grandes aportes.
ResponderEliminarYa 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
Los comentario no me llegan como notificación en mi Inicio de Faceook U.U
ResponderEliminarHice los pasos tal cual y no puedo moderar los comentarios, no me aparece, hice como lo haces tu, pero nada
ResponderEliminarno se que me falle
hice todo a la perfección espero puedas ayudarme
http://curiosidadesofworld.blogspot.com
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.
ResponderEliminarLuego, 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 == "item"'>
y
</b:if>
Unknown, te agradezco mucho tu comentario. ¡Saludos!
ResponderEliminarFRANCISCO, debes tener los comentarios mostrándose debajo de las entradas. Mira el comentario #66 para que veas cómo hacerlo. Saludos.
ResponderEliminarOla Potro , perdona la molestia , si sale la cajita de facebook pero sales despues de los comentarios ya hechos.
ResponderEliminarLa 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.
Hola Potro:
ResponderEliminarLo conseguí, pero sobra algo mira en mi blog unos html que sobran
Saludos
ya potro ya me aparecio hize lo que indicaste en el comentario 66 gracias we
ResponderEliminarJk-ch!, mira el comentario #76, ahí están las indicaciones ;)
ResponderEliminarGracias Potro!
ResponderEliminaropté 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
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.
ResponderEliminarhola potro. esta muy buena y felicidades nuevamente por aqui.
ResponderEliminarlastima 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
Oscarbroa, ¿cambiaste todos los códigos o sólo algunos? ¿tienes los comentarios debajo de la entrada? ¿en cuál blog lo has puesto?
ResponderEliminaramigo 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)...
ResponderEliminarSmiThzhiTo, 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.
ResponderEliminarAlexG, revisa que el ID de usuario y de la aplicación sean los correctos.
ResponderEliminarPotro 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?
ResponderEliminarGracias Potro!!!!!!! Excelente eres un CRACK; así con muayusculas
ResponderEliminarHola 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
ResponderEliminarPues cambie todos los codigos, a exepcion del ultimo que ps no cambió.
ResponderEliminary 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.
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í.
ResponderEliminarFRANCISCO, parece que al añadirlo modificaste o eliminaste algo sin darte cuenta. Busca debajo del código de Facebook esos caracteres y elimínalos.
ResponderEliminarRaymond, por nada :)
ResponderEliminarCocofansclub, no hay ningún problema con ponerlo ahí ;)
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???
ResponderEliminargracias
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.
ResponderEliminar¿Se puede poner además de las entradas en la página principal del blog?
Gracias
Execelente entrada.
ResponderEliminarMe 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 :)
gracias potro te lo agradesco caleta olle una pregunta el codigo
ResponderEliminardiv 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
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
ResponderEliminarMeta Tag: meta property="fb:admins" content="2694340648551" esa si es mi ID de usuario pero no se que pasa..!
Me puedes ayudar?
Grax :)
ahora que miro bien me doy cuenta que tal ves te ayas equivocado o que yo este equivocado..
ResponderEliminarpues 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 :(
colmillo blanco, quizá está faltando una parte del código. El parámetro HREF ya está incluido en el plugin.
ResponderEliminarJavier 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.
ResponderEliminarBren, en ninguno de tus dos blogs veo los comentarios en la portada, a menos que no te haya comprendido bien o.O
ResponderEliminarJk-ch!, gracias :)
ResponderEliminaralianza 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"
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.
ResponderEliminarJose Mi, aún no está publicado pero ya vendrá en las siguientes publicaciones ;)
ResponderEliminarSí Alberto, mira el comentario #33 para que veas dónde ponerlo para que se muestre también en la portada del blog.
ResponderEliminarPotro para que aparezca en la portada del blog debo pega el código del plugin antes de:
ResponderEliminardiv class='post-footer'
segun el comentario 33
La pregunta es Cual es el codigo del pluggin? porque me maree. perdon :P
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.
ResponderEliminarAdemas esa linea la tengo repetida en mi plantilla (div class='post-footer) . lo tendria que poner antes de las 2?
ResponderEliminarHola Potro:
ResponderEliminarNo consigo encontrarlo expr:href='data:post.url'/>
Saludos
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 ;)
ResponderEliminarbayron, 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.
ResponderEliminarSorry 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
ResponderEliminarBren, este es el código que debes pegar en el post-footer:
ResponderEliminar<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.
Hola:
ResponderEliminarMira, 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
potro la caja de comentarios me sale de color negro como le cambio de color para que se vea blanco
ResponderEliminarPues 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...
ResponderEliminarFRANCISCO, por ahí debe estar, justo debajo del de Facebook que recién colocaste. Quizá se vea así:
ResponderEliminarexpr:href='data:post.url'/>
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
ResponderEliminarHola Potro:
ResponderEliminarEres una maquina, por fin se arreglo el problema.
Gracias
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)
ResponderEliminarid='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 :)
alianza lima vs universitario, no veo que el menú tenga una viñeta asignada para las listas.
ResponderEliminarEn 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;
}
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?
ResponderEliminarlizetteq, 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.
ResponderEliminarSi 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>
cholo5247, cambia colorscheme='dark' por colorscheme='light'
ResponderEliminarHola 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?
ResponderEliminarmuchas gracias!
Oscarbroa, pero no lo pongas debajo de:
ResponderEliminar<p class='comment-footer'>
Sino debajo de:
<b:includable id='comment-form' var='post'>
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 ;)
ResponderEliminarQuiero 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!
Este comentario ha sido eliminado por el autor.
ResponderEliminarb:includable id='comment-form'
ResponderEliminarno encuentro eso en mi plantilla! donde puedo ponerlo entonces??
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.
ResponderEliminarGRACIAS!
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:
ResponderEliminarhttp://ciudadblogger.com/2011/02/agregar-fanbox-en-el-blog-sin-bordes-y.html
FRANCISCO, qué gusto que se haya resuelto :)
ResponderEliminarJimmy 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.
ResponderEliminarmaria, mira esta entrada, ahí verás cómo ocultar los elementos en entradas específicas y/o en otras partes del blog:
ResponderEliminarhttp://ciudadblogger.com/2010/03/condicionales-de-blogger.html
Cocofansclub, con eso debería de ser suficiente para cambiar. ¿En cuál blog lo has puesto?
ResponderEliminarMarcos Carballo, excelente tip, esperemos que alguien más que tenga ese problema pueda probar esa solución. Gracias por compartirlo :)
ResponderEliminarok vale, pero y ahrao como debo hacerlo. no se donde debo poner los códigos. puedes explicarmelo?
ResponderEliminarHola 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??
ResponderEliminarTe paso el link de mi blog haber si le puedes echas un vistazo!! ;) Gracias anticipadas!!!
http://www.guayreart.com/
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.
ResponderEliminarMari @ Mari's Cakes, aún no me vuelvo loco, pero gracias por hacerme saber que todo está funcionando correctamente :)
ResponderEliminar¡Saludos!
Hola Potro esta puesto aqui:
ResponderEliminarhttp://cocodancing.blogspot.com/
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 ;)
ResponderEliminarGuayre Art, me encantaría ayudarte, pero sino veo los códigos puestos en la plantilla no puedo saber cuál puede ser el problema :/
ResponderEliminarNo 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
ResponderEliminarCocofansclub, revisa el código que tienes, verás que dice:
ResponderEliminardata-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.
gracias potro. todo solucionado. un saludo. de peru chiclayo.
ResponderEliminarya estare de regreso. siempre visitando tu sitio web. exitos
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.
ResponderEliminarSaludos.
colmillo blanco, siempre serás bienvenido :)
ResponderEliminarNo me funciono que lastima no me aparecio nada........ Buaaaa hice todo bien. ayudaaaaaaaaa
ResponderEliminarSorry 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.
ResponderEliminarTe paso mi blog otra vez:
http://www.guayreart.com/
Saludoosss!!!
Este comentario ha sido eliminado por el autor.
ResponderEliminarGracias Potro por por compartir estas entradas. Son excelentes.
ResponderEliminarSoy 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).
Menecox, pues me encantaría ayudarte pero sin saber en cuál blog lo has puesto no puedo hacerlo.
ResponderEliminarGuayre 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.
ResponderEliminarFernando J. Claros, veo el primer código que hay que añadir pero no veo el segundo :/
ResponderEliminarPotro!! Hola de nuevo!
ResponderEliminarPuse 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!!
ostrass!! no salen los códigos que te he puesto en el comentario anterior =S Lo intentaré explicar sin poner códigos:
ResponderEliminarlo 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
Guayre Art, entonces prueba ponerlo debajo de los comentarios de Blogger, pegando el código donde se indica en la entrada.
ResponderEliminarQue va Potro...no funciona =( Habré hecho algo mal...¿?
ResponderEliminarPerdona Potro.
ResponderEliminarYa he insertado el segundo código.
Muchas gracias por tu interés.
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.
ResponderEliminargracias por tu ayuda.
saludos!
olas haber si me contestas a los chatbox de algunos de mis blogs jeje
ResponderEliminarmi 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 ^^
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.
ResponderEliminarGuayre 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:
ResponderEliminar<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>
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.
ResponderEliminarMuchas gracias. Me pondré a ello ahora mismo.
ResponderEliminarNuevamente gracias por tu tiempo.
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".
ResponderEliminarHaz 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.
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 ;)
ResponderEliminarPrueba 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!
Juan, si quieres hacerlo con XFBML entonces después de <body> agrega:
ResponderEliminar<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>
Potro... me estoy volviendo loca!! xD el código está tal cual tu dices en mi plantilla.
ResponderEliminarPero 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!! ;)
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.
ResponderEliminargracias por tanta paciencia!
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:
ResponderEliminarhttp://ciudadblogger.com/2011/01/agregar-el-boton-me-gusta-de-facebook.html
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:
ResponderEliminar#comentariosFacebook {
Esto:
background: #FFF;
Listo Potro!tema solucionado,ahora si quedo con el color deseado
ResponderEliminarmuchiiisiiimas gracias!!=)
Saluditos!
Qué gusto que todo se resolvió a tu favor :)
ResponderEliminarSaludos!
Nuevamente te molesto Potro.
ResponderEliminarHe 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
Potroooo!!!!! POR FINNNNNNN!!!! =) Sí, era ese el problema. Un millón de graciassssssss!!! Eres un CRACK!!!!! ;) Bsoss!!!
ResponderEliminarFernando J. Claros, prueba ponerlo arriba de:
ResponderEliminar<div id='backlinks-container'>
Así deberá estar debajo de los comentarios y antes de "Enlaces a esta entrada"
Guayre Art, por nada, me da gusto que al fin se haya solucionado :)
ResponderEliminarGracias Potro. Tu indicación ha sido certera.
ResponderEliminarUn abrazo y Feliz Navidad.
Hola, felicidades por tu blog. Decirte que eres una maravilla de persona, muy altruísta y amable, y eso es dificil de encontrar.
ResponderEliminarYo 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
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.
ResponderEliminarFernando J. Claros, feliz Navidad!
ResponderEliminarHola 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!
ResponderEliminarHola Catrina,
ResponderEliminarMuchas 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
Hola de nuevo Potro!.
ResponderEliminarSi 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. :)
Ah!, y Feliz Navidad!!!
ResponderEliminarBesos!
Chistes City, hay una entrada de Karla que explica cómo hacerlo:
ResponderEliminarhttp://www.compartidisimo.com/2011/09/como-usar-la-caja-de-comentarios-de.html
Saludos.
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.
ResponderEliminarPrimero hice esto:
Imagen prueba 1
Luego esto:
Imagen prueba 2
Y no me salió la segunda opción. :-(
Qué será?
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:
ResponderEliminardiv 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.
Hola de nuevo Catrina,
ResponderEliminarEn 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 :)
Antoxwoman, ¿en cuál blog lo has puesto?
ResponderEliminarMenecox, 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.
Potro segui todos los pasos y no me funciono no me aparece la caja de comentarios.
ResponderEliminarmi blog es http://vivaconnection.blogspot.com/
mi plantilla es cinza
Hola Potro! Excelentee explicacion!
ResponderEliminarPero 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.
Potro los codigos antiguos estaban mejor esos si aparecian facil pero estos html5 los probe en otra tampoco gracias
ResponderEliminarvideosxxx, no veo que tengas puestos los códigos en el blog.
ResponderEliminarLos otros códigos los actualicé, porque para el otro año dejarán de funcionar, así que hay que usar lo más actual.