AVISO
Este truco sólo funciona en el sistema antiguo de comentarios. No funciona para los comentarios anidados (los que tienen la opción de "Responder").
Seguido preguntan cómo destacar los comentarios de modo que los del autor tengan un color de fondo diferente, un borde o algo que los haga resaltar de los demás.
Para conseguirlo sólo necesitamos agregar un código en la plantilla y valernos de CSS para darle los colores que queremos.
Primero entra en Plantilla | Edición de HTML, marca la casilla Expandir plantillas de artilugios, busca este código y agrega lo que está en color rojo.
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
Ahora agrega antes de ]]></b:skin> lo siguiente:
.blog-author-comment {
margin: 5px 0 0;
}
.blog-author-comment p {
margin: 0 0 10px;
padding: 5px 10px;
border-left: 3px solid #000000;
background: #CCCCCC;
}
Puedes cambiar el color de fondo por el que quieras modificando esto:
background: #CCCCCC;
También puedes modificar el color del borde o cambiarle el color de la letra, eso ya dependerá de qué cambios quieras hacerle para que combine con tu plantilla.
Con estas modificaciones, los comentarios que hagas tú tendrán un aspecto diferente al resto de los demás.
OJO: Ten en cuenta que si has cambiado de nick, los comentarios que hayas hecho con el nick anterior no mostrarán este cambio, es decir, tendrán el mismo color que el de los demás comentaristas.
Excelente truco bro!!! cuando tenga un minuto lo agrego!
ResponderEliminarDefinitivamente este truco no es para nuestro amigo pepex! XD jajajajajajajajajajajajaja!!!!
Un abrazo!!!!
No se que pasa pero no funciona con mi blog he hecho todo lo que me dijiste pero en el comentario de prueba no aparece y no se a que se deba
ResponderEliminarbrother, jajajaja PepeX anda perdido, quién sabe dónde anda.
ResponderEliminarSergio, ¿en cuál blog no funciona?
Muy bueno este Post Muy Bueno, la verdad muy bueno,
ResponderEliminaresto es lo que esperaba potro
bueno
Sorry por haber tardado un poco en postearlo.
ResponderEliminarSaludos.
Gracias amigo por la informacion... te dejo mi blog para que veas como quedo!
ResponderEliminarhttp://www.sedicerock.com.ar
Un abrazo!
Este comentario ha sido eliminado por el autor.
ResponderEliminarJajjajajaja hola amigos, que tal?...
ResponderEliminarme fui a unas vacaciones de unos cuantos dias XD...
Jjajajajaja ps como dijo cyberbloggero: este truco no es para mi xD...
Jjajajajajaaj
Pero igual potro, muy bueno el truco, espero que otros usuarios de la ciudad puedan usarlo muy bien.
Saludos a todos!
pp_grillo, excelente, te ha quedado muy bien en el blog.
ResponderEliminarPepeX, parece que cyberbloggero hubiera tallado su lámpara maravillosa. ¡Sólo así apareces! jajaja
JEJEJEJEJEJ, ps parece que cyberbloggero descubrio el truco para hacerme aparecer, jajajaja.
ResponderEliminarUn saludo grande!!!
en el blog en el que no me aparece es http://clanrusso.blogspot.com y no se por que gracias por la ayuda excelente post
ResponderEliminarHaz un respaldo de tu plantilla y mándamela al correo para que la vea.
ResponderEliminarSaludos.
Muy buen truco Potro.
ResponderEliminarHace meses estaba esperando algo para diferenciar los comentarios. Grande Potro!
Cuando tenga un poco de tiempo lo aplicaré.
Saludos y gracias.
Jpz.-
Vale, nos comentas qué tal te quedó.
ResponderEliminarSaludos!
OK ya te la envio gracias por la ayuda EL POTRO y sigo con mis dudas como siempre ¿que son los vectores y como le puedo poner uno a mi blog?
ResponderEliminarOk, ahora la reviso.
ResponderEliminarLos vectores son formatos de imágenes para diseño, generalmente para Adobe Illustrator.
Saludos.
Muchisimas Gracias por todo,
ResponderEliminarGracias a Ciudad Blogger he implementado muchas cosas utiles en mi blog (nieve, caja de busqueda, botones facebook y twitter flotantes y más) y el desempeño ha mejorado así como la cantidad de visitantes...
Por todo esto y mucho más.....ENLAZADO a mi Blog!!!!
http://descargarenespanol.blogspo...
Nuevamente mil Gracias
Muchas gracias a ti por tu comentario y por el enlace ;)
ResponderEliminarSaludos!
Hola gracias por la ayuda pero creo que ya encontre el problema es que tengo un gadget para el fondo de mi blog y creo que eso afecta pero de todos modos muchas gracias por la ayuda EL POTRO eres el mejor cuando se trata de blogger
ResponderEliminarSaludos
Ummm no estoy seguro que ese sea el problema, yo quité el gadget del fondo para hacer los cambios y no resultó, aunque quizá algo se me haya pasado.
ResponderEliminarSaludos
Ya está OK y totalmente operativo el truco.
ResponderEliminarSaludos.
Jpz.-
Ya lo veo funcionando ;)
ResponderEliminarSaludos.
Si tenias Razon El Potro no funciona ni sin el gadget del fondo de todos modos encontre una plantilla que me gusto mas y ya la instale tengo que dejar de cambiar de plantilla ummmm pues gracias por la ayuda es bueno saber que cuentas con alguien que te ayuda en el mundo del blog
ResponderEliminarPor nada Sergio, mañana reviso la plantilla que me mandaste por correo para ver el problema.
ResponderEliminarSaludos!
Hola Potro,
ResponderEliminarBueno me voy a arriesgar hacer esta pregunta en publico, pero por alli dicen que no hay preguntas tontas, si no tontos que no preguntan...
Potro siendo el editor de un blog en blogger como hago para responder un comentario que hicieron en mi blog, lo pregunto por que no veo opciones, la unica que encuentro es hacer yo mismo un comentario como respuesta.
Aclaratoria muy dura: Hago la pregunta por que nunca me habian hecho un comentario en mi blog y por eso se me viene esta duda. (jajaja estoy Fino!!! por que alguien comento mi blog, jajaja)
Aprovecho ya que me quite la careta y fui capaz de preguntar esto, para hacer otra pregunta Potro: si una persona cualquiera llega a un blog y quiere comentar pero ni tiene cuenta en google ni en ninguna de las opciones que le da en la casilla de "Comentar como"... ¿Como hace esta persona?
Gracias Potro...
Hola Giancarlo,
ResponderEliminarCompletamente de acuerdo acerca de que no hay preguntas tontas.
No hay una opción específica para responder un comentario, cuando quieras responder un comentario sólo ve a la entrada donde está el comentario y escribe tú el comentario como lo harías en cualquier otro blog.
La gente que no tenga cuenta de Google podrá usar la opción Nombre/URL o Anónimo. Arriba del botón que dice Publicar un comentario verás las opciones disponibles. En mi caso yo he deshabilitado la opción de comentarios anónimos, pero en tu blog sí se puede hacer.
Saludos!
Potro,
ResponderEliminarOk muchas gracias. Lo de la gente que no tiene cuenta en google, lo preguntaba por que quizas la gente no se anima a comentar por que no sabe de que se tratan esas opciones, y claro cuando ve la opción de nombre y url pueden decir: yo no tengo url... bueno suposiciones mias o mejor dicho estoy tratando de pensar que mi blog no es tan malo como para que nadie comente... co....
Gracias.
Es normal que un blog "nuevo" tenga pocos comentarios, ten en cuenta que aunque mucha (o poca) gente te lea sólo una muy pequeña parte es la que deja un comentario.
ResponderEliminarLo que puedes hacer para que la gente que no tenga cuenta de Google sepa que también puede comentar es poner un mensaje arriba del formulario de conmentarios. Para hacerlo entra en Configuración > Comentarios y en Mensaje del formulario de comentarios escribe el mensaje que quieras. De esta forma aparecerá ese texto arriba del formulario de comentarios y ahí podrás especificar cómo puede comentar aquellos que no tienen cuenta en Blogger.
Saludos.
Potro,
ResponderEliminarOk ya voy a ver que mensaje pongo para que la gente sepa. Gracias por el dato, lo que pasa es que a veces la ansiedad y la desesperación puede más que uno y dan ganas de regalar el blog... Pero seré perseverante...
Gracias
Como pongo en la caja de comentarios una imagen o gif, please!!! En mi caja y como hago para ponerlos cuando hacemos un comentario en otro blog??? Espero haberme sabido explicar??? Gracias!!!
ResponderEliminarHola ✿Nyn✿,
ResponderEliminarNo sé si te he entendido bien. Puedes poner una imagen arriba de la caja de los comentarios, puedes ver cómo en este enlace.
Saludos.
Hola, Potro. ¡Muy bueno! Algo así andaba buscando. Pero antes de incorporar esto, quisiera que me aclararas, porfa, cómo funciona esto cuando se trata de un blog de equipo.
ResponderEliminarSi es un blog de varios autores, pero solo yo soy la administradora; entonces: ¿cuáles comentarios son los que aparecerán diferentes en un post? ¿solo los del autor de ese post, o también los del administrador del blog? (aunque éste último no sea el autor del post). Yo preferiría que solo se resaltaran los comentarios del autor mismo del post. ¿Es así como funciona?
Muchas gracias, de antemano, por tu respuesta.
Hola Vicky,
ResponderEliminarLos comentarios que resalta son los del autor del blog, en este caso tú. Pero igual se pueden personalizar los comentarios de los demás autores, sólo hay que agregar algo en el código y los estilos del otro autor.
Por ejemplo, el primer código en color rojo quedaría así:
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<b:if cond='data:comment.author == 'NICK_DEL_OTRO_AUTOR'>
<dd class='blog-author-comment2'>
<p><data:comment.body/></p>
</dd>
<b:else/>
Se agrega el nick del otro autor y se agregan los otros estilos de esta forma:
.blog-author-comment2 {
margin: 5px 0 0;
}
.blog-author-comment2 p {
margin: 0 0 10px;
padding: 5px 10px;
border-left: 3px solid #000000;
background: #CCCCCC;
}
Saludos.
Pues no me ha funcionado, me dice...
ResponderEliminarNo se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "b:if" must be terminated by the matching end-tag "".
:(
Ese mensaje significa que no estás colocando los códigos correctamente.
ResponderEliminarInténtalo de nuevo y revisa con cuidado cada línea.
Saludos.
Hola, Potro. Disculpa que no te agradecí tu pronta ayuda de hace algunas semanas. No te había vuelto a contestar porque a raíz de tu respuesta, me surgió otra interrogante, y quise dejarte un tiempo para que descansaras de mi preguntadera, porque ya me daba pena molestarte casi a diario. (aunque de todas formas seguí molestándote en otros posts...tú discúlpame, porfa).
ResponderEliminarVoy a tratar de poner estos códigos, para lograr este efecto de colores distintos. Pero antes, te digo que no he podido poner el código que me diste porque, a estas alturas, todavía desconozco (y esa era mi otra pregunta) qué es el nick, cómo lo busco, etc. Ni siquiera sé cuál es el mío (ups!), así que mucho menos sé cuál es el del otro autor (ja, ja). Tú perdona mi "bloggignorancia".
Gracias y saludos!
El nick es el nombre que usa el autor en las firmas, en tu caso es Vicky, otro autor podría ser Adriana86 , etc. ;)
ResponderEliminarSaludos.
Mira pues! Así de simple! Y yo que estaba suponiendo que era algún número o código de identificación de nuestra cuenta o del blog. Bueno, a eso vengo por acá: a aprender. En "bloggerlandia", pues "solo sé que nada sé" (ja, ja, ja!). Saludos! y muchas gracias por tu paciencia y porque nunca nos haces sentir tontos, aún por muy tonta que nos parezca nuestra pregunta.
ResponderEliminarNi de chiste he pensado que sean tontos, por el contrario, tienen muchísimo potencial y sobre todo ganas de saber cada vez más.
ResponderEliminarSaludos ;)
Gracias por la entrada, los cambios me han quedado estupendos en mi blog, además me ha salido a la primera, cosa rara en mí.
ResponderEliminarsaludos desde 'Retales de Economía'
Qué bueno que has obtenido los resultados esperados.
ResponderEliminarSaludos!
hola de nuevo ... es posible poner una imagen de fondo solo en los comentarios del autor del blog?
ResponderEliminarpd: perdon pero explicame lo de como hago para que aparescan los avatares de los que escriben los comentarios? esque no encuentro donde me respondiste...
En el segundo código donde dice:
ResponderEliminarbackground: #CCCCCC;
Cambialo por:
background: url(URL de la imagen);
Sólo cambia la URL de la imagen, con eso debe funcionar.
Saludos.
Hola amigo, me das permiso para poner este tutorial en mi blog (Tutoriales Hector) www.tutoshector.blogspot.com
ResponderEliminar?¿
Saludos
Hola Hector,
ResponderEliminarPuedes tomar los códigos pero usando tus propias palabras para explicarlo.
¡Saludos!
Hola Potro.
ResponderEliminarTengo en el blog la opción de "Ventana emergente" para los comentarios y me gustaría que esa "ventanita" pudiera maximizarse pinchando en el cuadrito correspondiente (junto al aspa de cerrar, ya sabes) pero aparece deshabilitado.
Es posible habilitar esa función (maximizar/restaurar)?
Gracias, por tu tiempo... y tu saber enciclopédico.
Hola Kum*,
ResponderEliminarEse es un problema de Internet Explorer (raro ¿no?), en los demás navegadores se puede maximizar sin problema alguno.
Saludos.
Joder, qué pena. Bueno, gracias en cualquier caso por la respuesta. Eres la bomba.
ResponderEliminarUn saludo.
Espectacular bro
ResponderEliminarotro tutorial que sigo al pie de la letra..
y se agradece
Bendiciones
Me alegra que te haya servido :)
ResponderEliminarPotro, acabo de aplicar todos los cambios, pero no hace nada...tu sabrias decirme por qué?
ResponderEliminarnl-bcn.blogspot.com
Gracias,
Posiblemente no está en el lugar exacto que deben estar los códigos.
ResponderEliminarSi, podrias ser, pq yo no tengo los codigos q tu dices, he encontrado algo parecido y los he metido alli enmedio...es posible q los tenga diferentes??
ResponderEliminarSí es una plantilla muy modificada sí es posible que no tengas los mismos códigos.
ResponderEliminarHaz un respaldo y prueba ponerlo en distintos lugares basándote en el fragmento que queda encerrado con los códigos rojos. Quizá con eso tengas más suerte.
Argg!!
ResponderEliminarHola Potro, pues nada, ya he intentado varios días antes de incorporar este código que me ha gustado mucho cuando lo he visto en otros blogs y nada. Ojala puedas ayuerdarme, sigo tus pasos, valida el código y todo, pero al momento de hacer el comentario, aparece como siempre :(
Gracias!
Al final lo logre!! Gracias por tus aportes :D
ResponderEliminarBesiños ;)
Me da gusto que al fin te haya funcionado :)
ResponderEliminarman una consulta que otro comando de colroes hay aparte del #CCCCCC...no me los e :S....en mi blog sale fondo blanco y no se ven el color del comentario :S...
ResponderEliminarMira esta entrada para conocer el resto de los códigos de los colores.
ResponderEliminarHablando de Comentarios, Potro. Mirá esto:
ResponderEliminarhttp://androidapps.es/2010/05/28/impresiones-android-2-2/#comments
Viste que te dice ué explorador usó y qué tipo de Sistema Operativo. Eso se puede inculir en Blogger?
Ese es un plugin de Wordpress, desconozco si se pueda hacer lo mismo para Blogger, en un rato libre que tenga veré si encuentro un modo de poder hacerlo, de tener éxito lo publico.
ResponderEliminarDale, estaría bueno que puedas lograr algo así.
ResponderEliminarPotro, estuve dele intentar ubicar el error, pero no lo encuentro para nada el error que hay con el tema de mis comentarios.
Te hago un ejemplo de lo que pasa. Esta entrada http://www.onalem.com.ar/2010/07/amor-es-un-embarazo-parte-primera.html nadie la comentó. Por ejemplo vos la comentas, y luego cuando la quiero volver a abrir para que alguien más deje un comentario, sucede que desaparece la entrada, como esto: http://www.onalem.com.ar/2010/07/deciciones-de-un-cuerpo.html .
¿Entedés qué es lo que quiero decir?, por las dudas, aquí te dejo la plantilla, no la voy a tocar hasta que me respondas.
Muchas gracias.
Plantilla: http://www.mediafire.com/?b8l5vhyovo8cgs8
Algún código de los comentarios debe estar fallando, no abrí tu plantilla pero sí pude ver en el blog que pusiste la opción de expandir los comentarios pero no te funciona, esto es porque ese efecto de expandir requiere de Scriptaculous y al mismo tiempo estás usando jQuery, estas librerías no son compatibles.
ResponderEliminarSi seguirás usando jQuery entonces quita el truco de mostrar/ocultar los comentarios, quizá por ahí está el problema.
Hola Potro, ¿qué debo cambiar o agregar para cambiar el color de letra? Veo sólo la opción de cambiar fondo
ResponderEliminarDebajo del de color de fondo agrega:
ResponderEliminarcolor:#000000;
Ese será el color de la letra.
Muchas gracias Potro, siempre tan amable :D
ResponderEliminarNo encuentro los códigos necesarios ¿hay alguna otra manera de hacerlo?
ResponderEliminarDeben estar, quizá no los tengas exactamente igual pero busca lo más parecido que encuentres para que te guíes.
ResponderEliminarmmm lo probare ;)
ResponderEliminarSi no encuentras el primer fragmento en color negro entonces busca este otro:
ResponderEliminar<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
Con que me manden sus buenos deseos estaré más que agradecido. Por supuesto, yo también les mandaré los míos :D
ResponderEliminarHola!!
ResponderEliminarNo encuentro el codigo T_T y me gustaria mucho saber como hago para separar los comentarios en mi blog ya que me aparecen las respuestas juntas, hechas bolas respuesta y fecha y todo junto sin espacio y me gustaria algo similar a vuestras respuestas con números, borde e imagen, aunque ya lo he intentado pero no me aparecn los códigos ni con la plantilla extendida, mi blog el 29 de este mes cumple 1 año y me gustaria por lo menos agregarle unos lindos comentarios.
Mi blog es bettyboopz.blogspot.com si quieres date una vuelta y me dices como los ves, porfis ayudame.
Muchas gracias por tu ayuda y me encanta tu blog.
Hola bettyboopz,
ResponderEliminarNecesitas expandir los artilugios para localizar el código, para que te sea más fácil localizarlos usa las teclas CTRL + F
Para separar los comentarios busca esta parte y agrega lo que está en negrita:
.comment-footer {
background:#e6e6e6;
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#996;
margin-bottom: 50px;
}
Para numerar los comentarios mira esta entrada de Oloblogger:
http://oloblogger.blogspot.com/2010/03/numerar-comentarios-en-blogger.html
Si aún no tienes habilitados los avatares de los comentarios mira esta entrada de ChicaBlogger:
http://chicablogger.com/blogger-permite-que-muestres-tu-avatar-en-los-comentarios/
Saludos y felicidades por el próximo aniversario.
Potro, sólo quise cambiar el color de la letra (sin agregar margen, fondo ni nada), pero aumentó el espacio entre mi nick y el comentario, y entre el comentario y la fecha. ¿Cómo corrijo eso? Quiero que quede a la misma distancia de los comentarios ajenos.
ResponderEliminarAcá hay una entrada para que veas a qué me refiero: http://valeriakarina.blogspot.com/2010/08/te-casas-en-invierno-lodi-penso-en-ti.html
Muchas gracias de antemano!
Sólo elimina esta parte:
ResponderEliminar.blog-author-comment {
margin: 5px 0 0;
}
Saludos.
No me funcionó, nada cambió y me quedó igual de separado :(
ResponderEliminarHay alguna otra manera??
Entonces el problema no es ese, sino otro valor que agregaste o que ya tenías.
ResponderEliminarBusca esta parte y elimina lo que está en negrita:
#comments .comment-author {
padding-top: 1.5em;
Tampoco, y probé cambiando todos estos:
ResponderEliminar#comments .comment-author {
padding-top: 1.5em;
border-top: 0px solid $(body.rule.color);
background-position: 0 0em;
}
Bueno, no importa...tendré que aprender a vivir con ello XD Muchas gracias por tu ayuda!!!:)
Pues no veo en tu plantilla que hayas eliminado esa parte que te dije.
ResponderEliminarPorque cuando lo hice no pasó nada, también probé con todos los otros y tampoco...así que los volví a poner por si acaso XD me da miedo hacerle algo a la plantilla XD
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarY si solo quiero que los comentarios que yo haga salgan en negrita? (para que las respuestas a mis lectores destaquen)
ResponderEliminarGracias Potro! : )
Es del mismo modo, sólo que además elimina lo que he puesto en negrita:
ResponderEliminar.blog-author-comment p {
margin: 0 0 10px;
padding: 5px 10px;
border-left: 3px solid #000000;
background: #CCCCCC;
}
Y en su lugar pon esto:
font-weight:bold;
Muchas gracias! las instrucciones super sencillas. Descubrí hoy este blog. Va a marcadores :)
ResponderEliminarGracias Malvina, y bienvenida a Ciudad Blogger!
ResponderEliminarEn primer lugar EXCELENTE APORTE..
ResponderEliminarGracias "El Potro"
Sólo tengo una duda...
Como puedo hacer que todos los comentarios tengan un mismo [Fondo con color], [borde con color], [texto con color] diferente al del autor...??
Ya que el (comentario) del autor está chevere pero los otros comentarios están muy simples.
X Fis...??
En estos días publicaré una entrada al respecto para personalizar los comentarios ya sea aplicando un color de fondo, borde, etc.
ResponderEliminarMuchísimas gracias estoy pendiente de tu ayuda...
ResponderEliminarTe invito a visitar mi blog de seguro te descargas algo... :D
Http://mega-pc-new.blogspot.com
*******************************
Hola Potro.
ResponderEliminarPues he cambiado plantilla y quise poner esta función de nuevo, encontré el código...algo diferente en la plantilla, e incluí los que tu nos das, pero no sé porque no va, podrías echarme una mano ?
Gracias!!
Hola Mayte✿,
ResponderEliminarGuiate por la línea <dd class='comment-body'> y poner arriba de ella el primer código en rojo; y luego la etiqueta </dd> para poner debajo el otro código en rojo.
Gracias Potro...lo probaré esta tarde al volver de clase y te cuento.
ResponderEliminarBuen día!
:D
Potro...lo he intentado de ésta última forma, de otra... y ya me quebré la cabeza moviendo de todo en el código y nada :(
ResponderEliminar¿Crees que ésta plantilla no se pueda modificar de esa forma en los comentarios? Gracias de antemano por tanta lata.
Buena noche... :)
Estuve haciendo pruebas en esa plantilla que usas y me temo que no va a ser posible agregar este truco ya que los códigos de esa plantilla están incompletos :(
ResponderEliminarSaludos y buena noche!
Sí algo así me temía, usa un script muy remilgoso...Te agradezco muchisimo tu esfuerzo y paciencia de igual forma, muchas gracias Potro por tus atenciones siempre :D
ResponderEliminarUn besiño, disfruta mucho de tu fin de semana.
Buena noche ;)
Gracias Mayte, igualmente disfruta el fin de semana y que pases buena noche :)
ResponderEliminarHola como estamos por estos lares Potro, llevo un par de días intentando que este truco me funcione como dios manda pero no lo consigo. Creo que he colocado cada fragmento de código en su sitio correcto pese a que el código de mi plantilla no es exactamente igual al que tu propones para guiarnos. Ahora mismo tengo el truco aplicado y puedes ver un ejemplo de como queda en esta entrada:
ResponderEliminarhttp://fringefilia.blogspot.com/2011/02/promo-3x16-os.html?showComment=1299156579834#c5785632611938999502
Espero que puedas ayudarme, he probado algunas sugerencias que das en comentarios precedentes pero tampoco queda bien, ya no sé qué más probar la verdad. Saludos y las gracias adelantadas, como siempre.
No sabría decirte, algunas plantillas son tan modificadas que omiten muchos códigos que los diseñadores creen innecesarios aunque realmente no lo sean.
ResponderEliminarIntenté hacer una prueba con esa plantilla pero de los tres sitios donde la descargué en ninguna me aparecían siquiera los comentarios.
Siento no poder ayudarte :/
Bueno es igual Potro, muchas gracias igualmente, probaré con tu entrada de 'Imagen en el formulario de comentarios'. Saludos!
ResponderEliminarHola Potro, necesito una ayuda, coloque una caja de comentarios de Face Book, en la pagina principal de mi blogger, quedo excelente, el pequeño detalle es que las letras de los comentarios son negras y mi fondo es oscuro, y no se ve, busque el codigo que genera FACE BOOK para ver si lo podía cambiar pero no encontré como hacerlo... mira mi sitio aqui: www.artedigitalmcy.blogspot.com gracias de antemano
ResponderEliminarHola artedigital,
ResponderEliminarPrueba poniendo en tu plantilla esto:
.fbFeedbackPost .postText {color: #FFF !important;}
Donde? Después del código de Face book, antes o donde.??
ResponderEliminarvoy a probar a continuación de donde coloque el codigo de Face Book a ver que tal...
En los estilos de la plantilla, todos los estilos van antes de ]]></b:skin>
ResponderEliminarPotro por alguna razon me sale duplicado el comentario :( y no lo he podido arreglar pasa en este blog he dejado el comentario de prueba para que mires http://kronzio.blogspot.com/2011/04/redlight-no-es-de-selena-gomez.html?showComment=1302199127904#c7344973637745176394
ResponderEliminarpor que pasa esto??
Seguramente al copiar y pegar estos códigos has repetido u omitido algo.
ResponderEliminarElimina lo que hayas pegado para regresarlo a su estado normal e intenta de nuevo.
Hola Potro
ResponderEliminar¿Es posible personalizar la "ventana emergente" de comentarios?, es decir, ponerle un fondo que no sea blanco y cambiar el color de la letra, no sólo para el autor sino en general?
En mis blog el fondo es negro y la letra del texto blanca. ¿Podría poner igual la ventana emergente?
Gracias, maestro.
Lamentablemente no Kum*, ya que la ventana emergente o la página de comentarios (aquella viejita) abren en el propio sistema de Blogger y no en nuestra plantilla; al no ser parte de nuestra plantilla no tenemos acceso a modificarla.
ResponderEliminarSaludos.
Gracias Potro. Siempre tan rápido :)
ResponderEliminarUn abazotote.
Hola ¨"El Potro", voy al grano, tras 36 minutos intensos no he podido hacerlo, lo he probado 5 veces y no funciona, me puedes echar un cable?
ResponderEliminarHola Ricardus,
ResponderEliminarPara guiarte más fácil sobre la colocación de los primeros códigos busca esta parte:
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
Al rededor de ello es donde debes poner los códigos rojos.
Si ya has hecho eso y sigues sin tener resultados dime dónde lo has puesto.
Saludos.
Ya lo he hecho pero no veo resultado. He querido pegar el codigo tal y como lo tengo en la plantilla en este mismo comentario pero no me deja. Hay alguna forma de que veas el codigo y decirme donde está el error?
ResponderEliminarGracias por tu paciencia y ayuda ;-)
Hola Ricardus,
ResponderEliminarAún no me has dicho en cuál blog tienes el problema. En uno no encontré alguna entrada con comentarios, en el blog de pruebas sí, pero es necesario que los comentarios estén incrustados en la entrada para que pueda verse el cambio, en esa modalidad que los tienes no se verá.
Para cambiar los comentarios al formato incrustado entra en Configuración | Comentarios | Ubicación del formulario de comentarios, y ahí selecciona 'Entrada incrustada a continuación'
Vale, he hecho lo de incrustar los comentarios en la entrada y he vuelto a poner el codigo por si acaso, pero sigue sin remarcarse :(
ResponderEliminarJusto el error que has cometido es el tema de la entrada que publicaré en unas horas. Al poner el código de los estilos has eliminado la llave de cierre del código de arriba. Lo tienes así:
ResponderEliminar.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #eeeeee;
.blog-author-comment {
margin: 5px 0 0;
}
Y debe ser así:
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 1px solid #eeeeee;
}
.blog-author-comment {
margin: 5px 0 0;
}
Ha funcionado! muchisimas gracias :-)
ResponderEliminarHola!!
ResponderEliminarAntes que nada, quiero agradecerte mucho este post.
Ya había utilizado hace unos días el tip y me salió perfecto.
Ayer cambié el diseño del blog (algunos detalles) y ya no funciona. Chequé y el código último (el de antes de ]]>) no estaba. Así que lo agregué y nada.
Probé a borrar los códigos y a ponerlos de nuevo, pero sigue sin funcionarme.
Estoy haciendo algo mal?
Esta es la dirección de mi blog: http://hojeandomundos.blogspot.com/.
De antemano, gracias por la ayuda!
Saludos!
Ya lo he solucionado! No sé que sería, pero me funcionó borrar, cerrar y volver a pegar.
ResponderEliminarSaludos y gracias de nuevo!
Excelente Kyra :)
ResponderEliminarPotro, primera vez que entro en tu página, ya me he suscrito porque eres lo máximo man. Chuso, yo soy un torpe en esto de programación y pude cambiar el formato de mis comentarios, incluso eligiendo ponerlo en negrita, con borde pero sin fondo, y cambiando color de letra. Alucino tioooooooo, muchísimas gracias. Voy todos los días que pueda ir haciendo cosillas para ir mejorando el blog que ya va para los 2 años en 2 semanas. Muchisimas gracias por todo, y un saludo desde Panama
ResponderEliminarFernando Revuelta
http://runninginpanama.blogspot.com
Hola Fer Panama,
ResponderEliminar¡Bienvenido a Ciudad Blogger!
Qué gusto que hayas conseguido los resultados esperados :)
Estoy seguro que poco a poco irás acomodando tu blog de la manera que te gusta, y ya sabes que puedes tomar de aquí lo que quieras.
¡Saludos hasta Panamá!
Potro primero que nada, muchas gracias por tus aportes, han sido de gran ayuda para mejorar mi blog y para muchos debe ser así.
ResponderEliminarEn cuanto a mi pregunta, quisiera saber si se puede destacar mis respuestas a los comentarios, pero SOLO CAMBIANDO EL COLOR DE LA LETRA y sin realizar un tachado a la escritura.
Se agradece tu colaboración y compromiso.
Saludos
Según el código solo se puede cambiar el cuerpo del comentario, o sea el mensaje, no hay una forma de cambiar por ejemplo el nick y la fecha???
ResponderEliminarHe intentado poner el código que le diste a Vicky para vaios autores, llevo media hora y no me sale siempre me sale el error
ResponderEliminarNo se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The element type "b:if" must be terminated by the matching end-tag "".
james rubio, claro que sí, el procedimiento es exactamente el mismo, pero en el último código en lugar de poner el color de fondo background: #CCCCCC; pondrías el color de la letra:
ResponderEliminarcolor: #FF00FF;
Saludos y gracias por tu comentario.
Yurika-Chan, el mensaje de error indica que hay un código que no está cerrado correctamente. Recuerda que ese código que menciono en el comentario no se pone adicionalmente al otro, sino que se pone en lugar del otro.
ResponderEliminarClaro yo reemplazo el código por el otro pero me sigue dando error, no se que estoy haciendo mal!!!
ResponderEliminarHazlo de nuevo, esta vez asegurándote que no elimines nada sin querer, y que los códigos estén exactamente en el lugar donde se indica.
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarBueno por fin logre que me funcionara pero le hice cambios, este es como me funcionó
ResponderEliminar<b:if cond='data:comment.author == "NICK-AUTOR-1">
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<b:if cond='data:comment.author == "NICK-AUTOR-2">
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
y al final le agregue un </b:if> más
De hecho es el mismo código que se menciona en el otro comentario, a excepción de la primera línea. Pero por lo que indicas entonces el problema estaba en que estabas omitiendo el cierre final.
ResponderEliminarQué bueno que ya lo has resuelto al fin :)
Hola Potro!! Espero que hayas disfrutado muchisimo de tus vacaciones, ahora vengo con un run-run que me esta dando vueltas en la cabeza...he intentado todos los cambios que sugieres en tu blog para el tema de los comentarios....pero ninguno me funciona y me encantaría cambiarlos :( Con que me funcionará la primera opción de las que nos propones aquí...ya estaría contenta.
ResponderEliminarOjala puedas darme una mano con eso...
Gracias de antemano.
Hola Mayte✿,
ResponderEliminarCon lo del comentario #92, sin embargo veo que la plantilla que usas es demasiado personalizada. El problema con esas plantillas es que muchas veces no tienen los códigos completos y por eso muchos de estos "trucos" para personalizar no funcionan en ellas :(
Hola, tú me puedes hacer el favor de decirme en qué parte del código está la fecha que sale cuando las personas comentan? Las fechas cuando alguien comenta sale muy cerca de donde empieza el nombre de la siguiente persona que comenta. Por alguna razón no me funciona lo de separar los comentarios, al menos quiero poder separar un comentario de otro, esa zona es la que necesito revisar pero no sé como aparece. Gracias...
ResponderEliminarHola Liliana,
ResponderEliminarEl código de la fecha no siempre está incluido en la plantilla, pero puedes agregarlo en los estilos sin problema.
El código que necesitarías sería este:
.comment-timestamp {
margin-bottom:20px;
}
Gracias potro hoy lo vuelvo a probar...a ver si estas vacaciones, encuentro el truco :D
ResponderEliminarBesotes!!
En mi blog hay muchos escritores y quiero que todos puedan tener los comentarios como yo. ¿Cómo lo hago?
ResponderEliminarHola Yulai,
ResponderEliminarSi quieres resaltar los comentarios de los demás autores entonces el primer código en color rojo quedaría así:
<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<b:if cond='data:comment.author == 'NICK_DEL_OTRO_AUTOR'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
Y al segundo código rojo le agregarías otro </b:if>
Ahí debes poner el nick del otro autor.
Si tuvieras otro autor sólo debes añadir debajo del primer código rojo otro código como este:
<b:if cond='data:comment.author == 'NICK_DEL_OTRO_AUTOR'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>
<b:else/>
Y en el segundo código rojo nuevamente otro </b:if> por cada autor adicional.
Hola Potro! jaja
ResponderEliminarAcá estoy de nuevo con mis dudas jeje.
Como sería si yo solamente quiero cambiar de color el fondo de donde aparece el nombre/nick de los que comentan, incluyendome.
Por ejemplo que mis comentarios tengan una franja verde y las de otros una de otro color.
Mira te paso esta imagen para que veas como quiero hacer yo...
http://picturestack.com/780/693/IZ6comentario9oP.jpg
Se puede lograr algo asi?
Yo habia probado un código que es:
#comments-block.comment-author
pero me pone a todos con el mismo color y no se como hacer para lograr la diferencia.
Ahí ya lo veo más complicado porque habría que interferir con toda la estructura de los comentarios :/
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminar:( bueno ..gracias por fijarte de todas formas ^^ si luego encontras un método me fijare por aquí :)
ResponderEliminarhola potro!! como siempre amo tu pag!
ResponderEliminarte vengo a preguntar, yo tengo dos autores, ya hice lo de agregar otro autor mas (leei el comen 139)...gregar otro como dijiste, pero no me sale, en que ando mal? una Ayuda porfavor y diculpa las molestias.. saludos potro! :D
http://cosplaycrossplay.blogspot.com/
Hola lizeth002,
ResponderEliminarEl blog se siente agradecido por ese amor que le tienes :)
¿Te aparece algún error al guardar, o sólo no ves resultados?
Si es lo primero entonces debe ser que el código no se está poniendo correctamente.
Si es lo segundo entonces tal vez al escribir el nombre del autor está fallando; habría que ver si los nicks tienen acentos, caracteres especiales, espacios, etc.
De lujo el truco, El Potro, ahora me va a ser fácil ubicar mis comentarios XD ¡Feliz Navidad!!! ^^
ResponderEliminarLa verdad es que es super útil, no sé porqué yo no lo he hecho :/
ResponderEliminar¡Feliz Navidad! :)
Hola, muy buena explicación, pero ahora... no se puede entrar a ver los comentarios con el link, es decir cuando pinchas en Xcomentarios se queda igual (?) ayuda por favor, y gracias.
ResponderEliminarEso no debería suceder Marie y Vallery, en ningún cambio de lo que se menciona en esta entrada se ha modificado el área de ese enlace.
ResponderEliminarTe recomiendo que localices el código de ese enlace y veas si está completo el código:
http://ciudadblogger.com/2010/07/cambiar-de-lugar-datos-del-post-footer.html
Es posible que ese código lo tengas dos veces, así que revisa ambos.
Saludos.
potro sos el mejor gracias a ti mira como tengo mi blog sos el mas groso del univero saludes
ResponderEliminarhttp://www.solodescargas.tk/
Gracias a ti por tu visita andresitoyogi :)
ResponderEliminara mi tampoco me funcionó por desgracia!!! no tengo los códigos... que caos Potro que caos!!!
ResponderEliminar¿En cuán blog? Recuerda que hay que marcar la casilla "Expandir plantillas de artilugios".
EliminarDisculpa las molestias amigo, en verdad siento molestarte tanto jeje pero te lo agradezco como no tienes idea.
ResponderEliminarLo que pasa es que a mi tampoco me funciono por lo mismo de que no tengo dichos codigos ni siquiera tengo <data:commentPostedByMsg/ ¿Sabes donde mas podría ponerlo?
y el <dd class='comment-body' lo tengo como <dd class='comment-body collapseable'
Muchas gracias desde ahora. Saludos y que andes muy bien :)
Eso es lo malo de cuando se usan plantillas muy personalizadas, que los códigos no siempre están o no están de la misma forma :/
EliminarAun así, no olvides haber marcado la casilla "Expandir plantillas de artiulgios" porque al menos la primera sí la debes tener.
Potro lo logre, además de que actualizaste el código, te cuento que leyendo en http://vagabundia.blogspot.com/2008/07/blogger-lista-de-las-etiquetas-data.html encontre que solo necesitaba agregar el codigo al rededor de <data:comment.body , pues todos los blogs lo tienen aunque usen diferentes codigos.
EliminarTalvés puedas explicar mejor lo que vi en vagabundia, porque no está bien explicado, fue mas razonamiento que la información que encontré, espero puedas escribirlo tu. Un abrazo amigo, saludos! :D
muy bien explicado todo
ResponderEliminarGracias :)
EliminarHola Potro que tal? necesito tu ayuda, quiero saber como cambiar el color de todos los comentarios del autor. Si me podrias ayudar porque mi diseño tiene fondo blanco y la letras de los comentarios estan en blanco y necesito cambiarlos, espero tu respuesta. Gracias :)
ResponderEliminarHola Sofi_winchester, el procedimiento es el que se explica en la entrada, aunque me parece que no funciona en los comentarios anidados :/
Eliminarque son comentarios anidados?
ResponderEliminarmi blog no tiene estos codigos que vos pusiste en donde hay que agregarle algunas cosas.
Los comentarios anidados son como estos de aquí, que tienen la opción de Responder. En ese sistema de comentarios es donde ya no se puede hacer.
Eliminarah y en comentarios normal ? de todo ya le hice para que cambie el color que nada :(
ResponderEliminar¿En cuál blog lo has hecho?
Eliminares el de este blog
ResponderEliminarhttp://hawaiifive0fan.blogspot.com/
No veo puestos los códigos en ese blog, si estar puestos no puedo saber qué anda mal.
Eliminarno he puesto este codigo porque no puedo, porque en mi blog no trae estos comments-block asi que nose donde ubicarlos.
ResponderEliminarEntonces no se podrá aplicar este sistema a esa plantilla, ese es el problema cuando se usan plantillas muy modificadas que los autores cambian en su totalidad toda la estructura y hacen más difícil que el usuario pueda personalizarla :/
Eliminarahh entiendo y bueno igual gracias Potro.
ResponderEliminarBuen día Potro.
ResponderEliminarEste truco sirve para el sistema de comentarios anidados? o tendré que conformarme con el lapiz que aparece en mis comentarios?
Saludos.
Me temo que sí Conductor, ya que este truco no aplica para los anidados :(
Eliminarola potro apliq lo q dices y le cambie el color a verde por no funciona
ResponderEliminarSi usas una plantilla muy modificada no funcionará :(
EliminarBueno supongo que algunas cosas de tu excelente blog de ayuda se habrán quedado obsoletas, ya que no he visto ningún cambio en mis comentarios y creo haber hecho todo correctamente.
ResponderEliminarUn saludo.
Hola Sonia, por ello hay un aviso al inicio de la entrada.
EliminarSaludos.
Hola Potro lamentablemente a mi no me funciona, la verdad no se cual es el problema, espero me puedas ayudar. Salu2
ResponderEliminarHabría que ver en cuál blog lo quieres implementar, pero recuerda que sólo aplica para comentarios antiguos, no para los anidados con opción de Responder.
EliminarHola potro te felicito por tan excelentes ayudas que proporcionas aquí.
ResponderEliminarquiero aprovechar para preguntarte algo tengo un blog y en el titulo del mismo una imagen gif, la cual por defecto se alinea en la parte izquierda, quisiera que esta se alineara en el centro pero no encuentro la forma, si la sabes me explicarías por favor. Gracias
Hola Rafael, de esta manera puedes moverla:
Eliminar.Header img {
margin-left: 30px;
}
Tengo una duda, cuando alguien me comenta el blog se ve su foto y su comentario pero no se ve el link de el blog de esa persona pero cuando paso el mouse enseguida de la foto de quien m escribio aparece la manita para dar click, es como que se camuflajea con el color de fondo pero no se donde cambiar el color de los links de quien me comenta, si pueden ayudarme les agradeceria mucho.
ResponderEliminarHola Sayda, agrega antes de ]]></b:skin> lo siguiente:
Eliminar.comments .comments-content .user a {
color: #FF0000 !important;
}
Ahí podrás cambiar el código del color por el que quieras. Eso hará que el nombre del comentarista tenga el color que has elegido.
Hola, Potro!!! Ando por acá molestándote, es que ayer cambié de plantilla y con ese cambio desaparecieron muchas de las cosas que ya le había añadido a mi blog =(, entre ellas el color diferente a mis comentarios. Todo lo que aquí publicas está perfecto, ya lo apliqué y quedó de 10, pero me da el problema de que cuando yo pongo los códigos de mis emoticones, aparece el código y no la imagen, esto solamente pasa en mis comentarios porque en los de la gente que me lee, salen perfectos. ¿Habría manera de que me puedas ayudar con este problemita? Quiero que en mis comentarios los emoticones salgan en imagen. Muchas gracias!!! Ojalá puedas orientarme. Un abrazote =D
ResponderEliminarHola Merlina, no sé qué método hayas seguido para los emoticones, el único que yo tengo no es para comentarios anidados así que no sé cómo podría ayudarte :(
EliminarSi puedes date una vuelta por el sitio donde los has tomado, quizá allá sepan decirte qué ocurre con ello.
Otro abrazote para ti!
Muchas gracias por responder!!! El blog de donde saqué esos emoticones ya no existe =(, ni modo, tendré que vivir sin ese truquito. Tú tan lindo como siempre. Bienvenido de vuelta teacher!! =D
ResponderEliminarMuchas gracias por esta gran utilidad. Pero una cosa pregunto, ya que no me ha servido. He cambiado el color y no pasa nada. ¿Qué sera, ya que he seguido tus instrucciones tal cual?
ResponderEliminar