Enlace a comentarios en Blogger | Oloblogger Un poco triste la forma en que Blogger pone el enlace para que los lectores puedan hacer un comentario : "4 comentarios". Aunque m...

23 de junio de 2008

Enlace a comentarios en Blogger

Un poco triste la forma en que Blogger pone el enlace para que los lectores puedan hacer un comentario: "4 comentarios". Aunque más triste todavía sería que pusiera "0 comentarios" ¿verdad?.

Cachondeo aparte, me refiero a la estética del enlace que por defecto viene en el pie de las entradas y que sirve para abrir la dichosa ventanita en la que cada uno puede escribir lo que le viene en gana... siempre que el administrador se lo permita.

Pues aquí vamos a ver la manera de cambiar ese formato por otro que nos agrade más. Como siempre, al gusto y según la imaginación de cada un@.

Lo primero de todo es tener activados los comentarios, tanto en la pestaña Configuración del Panel, como entrando en Elementos de Página, apartado Editar del bloque Entradas del Blog. Si no tenemos esas dos cosas en marcha, ni salen unos ni salen otros.

Ahora "expandimos" Plantillas de Artilugios. El que nos interesa porque es el que controla este tema, es el siguiente:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>
</b:if>
</a>
</b:if>
</b:if>
</span>

Las palabras mágicas en este caso son post.numComments y top.commentLabel. Son las variables que almacenan el número de comentarios que lleva cada post y el nombre que le hemos puesto a los comentarios de nuestro blog: "comentarios", "opiniones", "han hablado", etc. Esto se hace, como se ha indicado antes, en Elementos de Página --> contenedor de Entradas del Blog --> Editar. (Más información sobre cómo configurar entradas)

<data:top.commentLabel/>: Palabra adjudicada por nosotros a los comentarios. Singular. Para post con un solo comentario.
<data:top.commentLabelPlural/>: Idem en plural. Para entradas con cero o más de un comentario.
<data:post.numComments/>: Número de comentarios que lleva acumulados una entrada.


Sabiendo esto, es fácil sustituir la expresión entera por las palabras que queramos, teniendo sólo en cuenta que la frase resultante sea gramaticalmente correcta. Por ejemplo, para que salga "Llevamos sólo 1 puñetero comentario", habría que cambiar lo que está en negrita de esta parte...

<b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>

... por lo que está resaltado aquí:

<b:if cond='data:post.numComments == 1'>Llevamos 1 puñetero comentario

Y para poner "¡Bravo! Hay X personas que han opinado", cambiariamos lo resaltado de la parte...

<b:else/>
<data:post.numComments/> <data:top.commentLabelPlural/>

...por

<b:else/>
¡Bravo! Hay <data:post.numComments/> personas que han opinado




Otro asunto distinto es el lugar donde queremos que se vea el enlace. Por defecto, está colocado en el pie de la entrada, generalmente insertado entre otros pequeños artilugios como el "e-mail this", el autor de la entrada, las etiquetas... y casi seguro dentro de la clase "post-footer-line post-footer-line-2", la segunda línea del pie del post.

Para cambiarlo de sitio, hay que cortar el código del artilugio completo, que se indicó al principio, y copiarlo en el lugar deseado. Las modificaciones explicadas anteriormente pueden hacerse antes o después de esto otro... como es lógico. Ejemplos de ubicaciones:

Al principio del pie:

...
<div class='post-footer'>
AQUI
<p class='post-footer-line post-footer-line-1'>
...

Fuera del pie, al final de la entrada

...
<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
AQUI
...

Legolas007 nos preguntó cómo poner este elemento centrado. Eso irá en función de la plantilla y puede que salga centrado directamente. Si con la Vista Previa compruebas que esto no ocurre, será suficiente con añadir dos líneas. Una justo antes de todo el código del artilugio y otra justo después:

<div align='center'>
ARTILUGIO DE COMENTARIOS
</div>

Si usando div se os va demasiado abajo todo o demasiado arriba, probad a cambiar esa instrucción por SPAN o por P, con sus correspondientes cierres (/span, /p)

¿Quieres poner una imagen además o en lugar del texto? Pues sólo tienes que insertar un <img src="URLIMAGEN"/> dónde quieres que aparezca (delante o detrás del texto) o, en el segundo caso, sustituir el texto por dicho código

¿Vemos otro post al azar por si le encuentras utilidad o quizás prefieres ser más metódico y suscribirte a nuestras entradas por correo? También puedes imprimir este artículo y por supuesto compartirlo en redes sociales si fue de tu agrado.

Compartir
Copy URL

Y muchos más artículos interesantes si nos sigues en...

follow us in feedly

84 comentarios :

  1. Última pregunta para dejar a punto esta entrada:

    Y que pasa cuando no hay comentarios???

    Como le puedo poner algo como lo que tú tienes cuando no hay ningún comment?

    Ya probé este artilugio y jaló de maravilla.

    Gracias.

    ResponderEliminar
  2. Permíteme que haga en unos días, una (breve) entrada explicándo eso que preguntas.

    ResponderEliminar
  3. Oloman, tengo el mismo problema que Yop, salen muy bien cuando hay varios comentarios, pero en las entradas de ningun comentario me pone el mismo cartelito de varios :(

    ResponderEliminar
  4. Muchas gracias por la data
    no sabia como se hacia para cambiar eso
    todos los dias se aprende algo
    jeje
    adios!

    ResponderEliminar
  5. Gracias Oloman.

    No te preocupes, yo espero.

    ResponderEliminar
  6. gracias oloman y una pregunta con respecto a esto el X que representa el numero de comentarios , es decir "Ya hay X comentarios en esta entrada" , Mi pregunta va a eso , ese numero (X) puede cambiarse de color, de fuente y tamaño??? esa es mi duda, y gracias oloman por atender mi llamado , todo esta entendible

    ResponderEliminar
  7. a me olvidaba oloman , en mi blog las entradas estan comprimidas , quiere decir que para poder leerlas en su totalidad tiene que hacer click en "leer mas" , y parece que ahi al hacer click en comentarios , no se abre la ventana pequeña de los comentarios , si no que abre la entrada completa y el enlace para los comentarios aparece abajo , pero fuera de la ventana de los comentarios, algun consejo que me podrias dar , te doy mi blog por si no me has entendido, solo dimelo.

    ResponderEliminar
  8. Legolas:

    1. Todo lo que vaya en el apartado de HTML de la plantilla, puede configurarse declarando un atributo "class=CLASEDEFINIDA", siendo CLASEDEFINIDA una idem declarada previamente en CSS. ¿Un poco lioso?... visita CLASES EN CSS y HTML Y CSS

    Hay otra forma más "manual" que está explicada en la última parte de COMO MODIFICAR MI CODIGO. Se trata de usar el atributo STYLE. Para tu caso, quizás lo más fácil es esta última opción.

    2. ¡Claro que quiero la dirección! Si no, no puedo ver que es lo que ocurre y dónde esta el problema

    ResponderEliminar
  9. Gracias por la explicación, la única coherente que ví hasta ahora. Estáré esperando la resolución del horrible '0 Comentarios'.

    Otra pregunta: ¿Se puede eliminar la cabecera con la fecha de los post? Por si no queda claro, en mi blog es donde dice el día de publicación de cada entrada.

    ResponderEliminar
  10. A ver Emile, supongo que te refieres a lo que has dejado sólo en día de la semana: Lunes, Martes, etc., junto al título de la entrada, porque la fecha del pie la puedes quitar entrando por aquí.

    A) Para configurar el estilo (no quitarlo), utiliza la siguiente parte de tu código (busca en tu plantilla expandiendo artilugios)

    /* Posts
    -----------------------------------------------
    */
    h2.date-header {
    margin:1.5em 0 .5em;
    }

    b)Si en lugar de eso, sigues prefiriendo que no aparezca la fecha, te tienes que ir a esta otra parte, que a ti te saldrá con el "lunes" y el "Capítulo V" cambiado por las variables correspondientes...

    <div id='main-wrapper'>
    <div class='main section' id='main'><div class='widget Blog' id='Blog1'>
    <div class='blog-posts hfeed'>
    <!-- google_ad_section_start -->
    <h2 class='date-header'>lunes</h2>
    <div class='post hentry uncustomized-post-template'>
    <a name='4512254288673901228'></a>
    <h3 class='post-title entry-title'>
    <a href='http://entendimientodesangre.blogspot.com/2008/06/captulo-v.html'>Capítulo V</a>
    </h3>

    Si quitas todo lo que hay entre las etiquetas H2, incluidas estas, te cargas las fechas... simple (cuando se sabe, claro).

    No olvides probar primero con Vista Previa antes de grabar.

    * Ya que hablo contigo, te diré que aunque no conocía ninguno de los grupos que tienes en tu radioblog (deben ser efectos secundarios de la edad) la música estaba un rato bien. Mientras ojeaba tu plantilla ¡no he tenido más remedio que escucharla!... ya sé que le podía dar al STOP, pero como se pone en marcha sola...

    En fin, se parecen en el estilo a Nirvana, ¡salvo cuando cantan!

    ResponderEliminar
  11. Ok, voy a probar; simple, como siempre lo son tus explicaciones.
    Sobre la música, es posible, es un nuevo proveedor que estoy probando; la verdad que nunca me quedé el tiempo suficiente en la página como para darme cuenta de eso, pero debe ser muy molesto. Ahora, cuando cambias de una entrada a otra, comienza otra vez la lista, quizá ese era el problema. Y el estilo... más que grunge como el caso de Nirvana, es metal de varios tipos.
    Gracias por la paciencia!

    ResponderEliminar
  12. Listo! Funcionó! Lo único que tuve que hacer fue eliminar lo de
    data:post.dateHeader.
    Gracias de nuevo!

    ResponderEliminar
  13. hola olo: quiero agradecerte por este blog que nos "desazna" y ayuda a mejorar los nuestros! una gran iniciativa de tu parte (y gratis!!!)
    gran saludo de Ozo!!!

    ResponderEliminar
  14. Hola, Oloman, antes que nada gracias por la info, entre Oloblogger y Vagabundia (los dos mejores blogs de ayuda, "que no escatiman información") estoy dejando mi blog pipicucu, como yo quiero.
    Dicho esto, te pregunto: yo implementé lo que poner el link a comentarios más una imagen, lo puse debajo de ...post-footer-line-3...
    Ahora, además de que me gustaría si es posible ponerlo un poquito más abaoj, lo principal es si se pueden quitar esas líneas que han quedado como efecto del link ¿?.
    Gracias desde ya.
    Mi URL:
    http://elrincondeanahi.blogspot.com

    ResponderEliminar
  15. Anahí, si no me equivoco porque no lo he probado, busca
    .post p {
    o
    .post-footer {

    Debajo del cierre de uno de los dos, prueba a poner


    .post-comment-link a:hover {
    text-decoration:none;
    }

    No he podido comprobarlo, pero creo que con eso lo arreglas.

    Saludos,

    ResponderEliminar
  16. HOla, Oloman, muchas gracias por responder a mi inquietud. Todavía no la pude probar porque no puedo entrar en mi blog, no puedo entrar en blogger, no puedo entrar en feedburner, acabo de entrar acá de puro cuete... (¿tenés idea si puede ser un problema del servidor o algo así?, porque sí puedo entrar en otro sitios, por ej. gmail, yahoo, y otros...)
    Salú2.

    ResponderEliminar
  17. Oloman, ya logré entrar en el blog y probé lo que me indicaste en varios lugares, pero no hubo caso, che.
    De todas formas lo dejo así, es como hilar demasiado fino.
    Un abrazo.

    ResponderEliminar
  18. Hola!
    Me sirvio este dato.. Pero tengo un problema, como hago para que no me quede tan abajo lo de "quienes han comentado"
    Lo tengo sin div!

    Graaacias

    ResponderEliminar
  19. Oloman, gracias por responderme xD!

    Pero no paso nada quedo igual, que otra cosa puedo hacer?

    Byee

    ResponderEliminar
  20. En lugar de cambiar los márgenes del enlace a los comentarios, Sidhe, prueba a cambiar los del propio post:

    .post {
    margin: 20px 10px 0 10px;
    padding:0px 0px 0px 0px;
    height: 100%;
    text-align: justify;
    color:#333;
    }

    El 0 en cursiva es el margen inferior. Ponle un valor de 10px por ejemplo a ver si "sube".

    ResponderEliminar
  21. Ay nooo, tampoco resulta! La cosa esta ni se mueve :(
    ¿Será por la imagen que se baja el texto? Porque antes quedaba bien.

    Pusa!

    ResponderEliminar
  22. Hola, pasando por aquí, pensando que te habías olvidado.. sorry xD

    Bueno, segui los pasos y taratataaa ¡¡quedo genial!!

    Oloman te adorooo!!

    Un millón de gracias por la ayuda
    Besos para ti

    ResponderEliminar
  23. De verdad.. estoy llorando de felicidad
    Eres mi heroe!!

    Byee

    ResponderEliminar
  24. Hola Olo!
    Bueno de nuevo por aquí... necesito tu ayudaaa!

    Sabes? No me aparece la imagen del pie post (creo que es esta), comprobé si estaba funcionando en el alojar y si esta, pero no me aparece :(

    Que puedo hacer?

    Eso. Gracias
    Byeeeee

    ResponderEliminar
  25. Sidhe, pusiste tu blog sólo para invitados y no puedo verlo, pero si no has tocado nada, tiene que ser por narices un problema del alojamiento de la imagen.

    ResponderEliminar
  26. Pienso lo mismo.
    Porque después no me aparecian otras imágenes así.. ahh que horror, así que me dio la chiripiorca y zaaas cambie la plantilla!

    Te agradesco por responderme :)

    ResponderEliminar
  27. Hola muchas gracias por la explicación, me sirvió de mucho, ahora solo hay un detallito, yo puse imagen en lugar de texto pero en las entradas en las que no hay comentarios aparece un cero junto a las imagenes, trate borrando

    data:post.numComments == 1'>

    Y tambien el:

    data:post.numComments/

    pero no me aceptaba el formato ni pa la vista previa, entonces decidí cambiar el 1 ese de numComments por 0(cero), pero me salio al reves ahora aparecía el numero en las entradas que tenían comentarios y en las que no tenían comentarios el cero había desaparecido, entonces hay alguna forma de que no aparezca el dichoso numerito?

    ResponderEliminar
  28. Dr. Vader, observa esta parte del código

    ...
    <b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/>
    <b:else/>
    <data:post.numComments/> <data:top.commentLabelPlural/>
    </b:if>
    ...

    Las dos primeras líneas son para el caso comentarios=1 y el resto para 0, 2 ó más.

    <data:top.commentLabel/> es la palabra para designar tus comentarios en singular (p.ej. opinión)y <data:top.commentLabelPlural/> lo mismo pero para el plural (p.ej. opiniones). Por otra parte, <data:post.numComments/> es el número de comentarios, que en las tres primeras líneas no se usa por directamente se escribe un 1.

    Si quieres poner la misma imagen en todos los casos, sustituye esas 6 líneas por

    ...
    <img src="URL_IMAGEN"/>
    ...

    Si hay una imagen para CERO y otra para todos los demás casos, sustitúyelas por

    <b:if cond='data:post.numComments == 0'>
    <img src="URL_IMAGEN_CERO_COMENTARIOS"/>
    <b:else/>
    <img src="URL_IMAGEN_UNO_O_MAS_COMENTARIOS"/>
    </b:if>

    ¿Se entiende ahora un poco más el funcionamiento?

    ResponderEliminar
  29. Compadre busco un poco de ayuda con el auspicio de mi blog podriamos auspiciarnos mutuamente con nuestros banners. Seria muy bueno para alguien nuevo que aprendio de lo que lee en la web, http://Athairs.blogspot.com

    ResponderEliminar
  30. Lo siento Johnny. No te molestes por esto, pero no intercambio enlaces.

    ResponderEliminar
  31. hola! Me parecio interesante la explicacion, pero no la pude aplicar ya que nisiquiera me aparece la frase 'X comentarios' en ninguna parte de mi blog, intente cambiar la plantilla pero nada, y en comentarios lo tengo habilitado, es por eso que nisiquiera me pueden firmar, no aparece nada .
    Estaria agradecida si me puedes ayudar
    desde ya muchas gracias !!

    ResponderEliminar
  32. Hola Mariana. Te he dejado un comentario en tu blog al ver que te funcionaba lo de los idems, pero luego me he dado cuenta de que simplemente se accedía a la dirección única del post por el título (que por cierto te falta en el resto de entradas) y, lógicamente, en ese caso si se ven los comentarios.

    Sin embargo, sigues sin tener el número total que creo que es lo que te interesa.

    Dame un tiempo para publicar una entrada al respecto.

    Un saludo.

    ResponderEliminar
  33. hola has sido enlazada a mi blog muy bueno el tuyo
    ademas contento por que soy el seguidor 150

    ResponderEliminar
  34. Bueno, solo queria decirte que me pasa que he puesto una imagen, pero quiero quitar todo el texto y los numeros. ¿Como hago?

    ResponderEliminar
  35. Es tal y como se explica en las últimas líneas Pedrox. No puedo concretar más la respuesta porque no has dejado ningún link para verlo, ni siquiera en tu perfil.

    Si ya has insertado el código de la imagen, simplemente borra <data:top.commentLabel/> y
    <data:top.commentLabelPlural>

    para eliminar las palabras que hacen referencia a comentarios.

    Para quitar el número de ellos, lo que hay que borrar es

    <data:post.numComments/>

    Todo ello en la parte que se explica en este post.

    ResponderEliminar
  36. Muchas gracias, Oloman, problema solucionado.

    ResponderEliminar
  37. Anónimo1/6/09, 3:02

    Gracias, Oloman por el mensaje. Me guardo el enlace para estudiar el tema de correrlo un poco.
    Y sustituirlo por una imagen, quizás.

    Las otras modificaciones ya están hechas.

    Un saludo desde Bs As

    ResponderEliminar
  38. Hola.

    Mira, me estoy haciendo un blog sin tener ni idea de HTML o CSS ni de nada que se le parezca. Tomo ese blog como una prueba antes de hacer algo mejor y estoy cogiendo trucos de aquí y de allí para ponerlo un pelín más bonito, aunque de momento está horroroso, pero todo se andará.
    Tengo varios problemas con las posiciones de algunas cosas en los posts y te quisiera preguntar por el tema de los comentarios.
    Me sale el enlace en la parte superior derecha de los posts y quisiera cambiarlo para ponerlo en la parte baja a la izquierda, pero no me sale el código que has puesto en el tutorial por ningún lado y me he quedado ahí trabado.
    Te dejo la dirección de mi blog por si le puedes hechar un vistazo: www.clasicosdelsoft.com

    Muchas gracias y un saludo.

    ResponderEliminar
  39. Alonso, para buscarlos hay que seleccionar "Expandir plantillas de artilugios". A ver si fuera eso.
    De todas formas no busques el código exacto que se da aquí, sino mejor sólo los nombres de las clases (post-footer-line..., post-header, post-body) que son las que te guiarán sobre el sitio a dónde mover el código.

    ResponderEliminar
  40. Hola.

    Bueno, ya conseguí cambiarlo de sitio. No tenía el mismo código que tu pusiste, pero me guié por lo que has dicho de buscar los nombres de las clases y así lo encontré, así que gracias por tu ayuda.
    Y ahora me queda una última duda, a ver si puedes ayudarme.
    Resulta que ahora mismo veo dos veces la fecha de publicación de los posts, una de ellas es un código que vi en otro blog de ayuda y me gustó y pone la fecha metida en un cuadrado, y al lado de esa fecha, veo otra que pone lo mismo de una manera normal.
    Que debo hacer para quitar la otra fecha?, no la que está metida en un cuadrado, sino la otra.

    Gracias y perdona por ser tan pesado.

    Saludo.

    ResponderEliminar
  41. Los códigos de cada plantilla son distintos, pero también los nombres de las clases aunque sean para lo mismo. Cada uno pone las que quiere. Las que cito son las que suelen ser más usuales.

    Con respecto a las fechas, tienes el SCRIPT REMPLAZA_FECHA y el que te pongo a continuación. Este segundo es el que te genera la fecha debajo del nombre:

    <div class='post-date'>
    <script type='text/javascript'>
    var timestamp = "martes, abril 21, 2009";
    if (timestamp != '') {
    .../...
    <script type='text/javascript'>document.write(date_yyyy);</script></span>
    </div>

    Búscalo y lo eliminas entero. Copia de seguridad primero y Vista Previa antes de grabar ;)

    ResponderEliminar
  42. Muuuuchas gracias, me has ayudado un montón!.
    Ahora lo veo muchísimo mejor, aunque sigue siendo una chufa jeje.
    Pues nada, ahora empezaré a meter unos cuantos widgets y por último pondré iconos para el "sigue leyendo" y cosas así.

    Gracias y un saludo.

    ResponderEliminar
  43. hola, gracias por la ayuda anterior. La apliqué, pero después tuvimos que quitarlo.

    Mi pregunta es la siguiente: ¿puedo hacer que el número de comentarios NO figure? ni cero, ni 1 ni más de 1, no quisiera que figuere el número, pero sí otra frase en lugar de Comentarios.

    gracias por tu ayuda.

    ResponderEliminar
  44. Pues sí, BdlE. Si le das una vuelta más profunda a lo que en esta entrada se explica, verás que todo el artilugio está controlado por la clase post-comment-link. Si generas/modificas esa clase en tu parte CSS, añadiendo un DISPLAY:NONE; ya lo tienes solucionado.

    Otra forma sería borrando toda esa parte de código, pero creo que es mejor conservarlo y simplemente ocultarlo por si os pasa como la otra vez y quereis volver a utilizarlo ¿no? :)

    ResponderEliminar
  45. te refieres a:

    ¿dónde coloco el DISPLAY:NONE? ya he probado en varias líneas y no me doy cuenta.

    gracias.

    ResponderEliminar
  46. A ver, lo que tienes que poner exactamente es

    .post-comment-link {
    display:none;
    }

    Se trata de hacer una nueva clase dónde ya tienes las demás, antes del cierre del SKIN. Lo que pasa es que no sé si tu plantilla ya la tendrá. En ese caso, sólo hay que insertar la línea del DISPLAY.

    ResponderEliminar
  47. no lo logro, mi ignorancia me lo impide.
    me gustaria saber si puedo mandarte un mail con las líneas tal cual las tengo o la plantilla.
    gracias.

    ResponderEliminar
  48. Adelante BdlE. Abajo tienes mi dirección. Copia de seguridad en formato .xml sería lo mejor.

    ResponderEliminar
  49. Oloman, logré ver dónde se coloca DISPLAY: NONE,pero me hace desaparecer el enlace a dejar comentario.
    Lo que yo quiero es que se pueda dejar comentarios, pero que solo aparezca "comentario" sin ningún número.
    ¿será eso posible?
    gracias.

    ResponderEliminar
  50. Te entendí otra cosa BdlE. Lo que preguntas está de manera indirecta en este post y no pensé que fuera eso.

    La etiqueta data <data:post.numComments/> es la que almacena el número de comentarios. Si la quitas entera, no aparecerá ese número.

    ResponderEliminar
  51. acabo de leer los demás comentarios y ahi aparece! Perdón por hacerte perder tiempo y gracias.

    ResponderEliminar
  52. Olo, buenassssss!
    yo de nuevo, hoy la pregunta es simple ¿como hago para poner un número a cada comentario como el que se ve en los tuyos?
    Graciaaaaaaaas!

    ResponderEliminar
  53. Lils, la forma de hacerlo la explicó Vagabundia en este post. Luego tú tendrás que darle el estilo que te guste.

    ResponderEliminar
  54. Hola, no he encontrado una forma de añadir un boton a las entradas de mi blog para que las personas que lean cualquiera de éstas, simplemente hagan click en él y quede como una especie de contador de lecturas.

    El botón debería decir al final de cada entrada "Lo leí". Éso sería más fidedigno a la popularidad del blog.
    Espero haberme explicado, y tambien una solución, gracias de antemano.

    ResponderEliminar
  55. No tengo ni idea de como podría hacerse, Angel, pero a priori me parece que va a ser que no es posible en Blogger. Para que se pueda seguir la cuenta, habría que guardar el dato en algún sitio y creo que no hay forma sin tener PHP, SQL y cosas de esas.

    ResponderEliminar
  56. Oloman Oloman ya logre aprecer las demas fechas lo tuve que hacer de otra manera que no se me havia ocurrido.

    mis inquietudes disminuyen :)
    gracias

    Como logro poner el link de los comentarios a la izquierda como tu lo haces intente de una forma que me ayudaro un amigo en otro blog pero lo que hacia fue llevar todos los links de comentarios a un lugar.

    el tuyo es diferente cada link comentarita de cada entrada se encuentra a la derecha de su respectivo POST.

    Como lo hago lei lo que dijo Vagabundia pero naditas que lo entiendo o.o

    podrias darme un ejemplo del codigo y yo lo ubico cambiando la altura y derecha o izquierda ? gracias

    ResponderEliminar
  57. Insisto. Si me das un link podría ver de lo que has hecho, que te falta o que te sobra. Cada plantilla es distinta y esto de situar cosas fuera de sitio requiere del uso de position en varios contenedores, además de tener espacio (margin o padding sin texto) para ello. No es fácil -por lo menos para mí- y tampoco se puede aplicar siempre sin una modificación importante de la plantilla.

    ResponderEliminar
  58. Estos pequeños detalles y cuanto hacen al blog! Queda perfecto! Tambien he modificado un poco el estilo y todo. Lo que no consigo es separarlo un poco de la imagen, ni tampoco cambiar el tipo de fuente a comic, he probado en todos estos sitios pero nada, aunque tampoco entiendo la diferencia que hay entre cada uno de ellos:
    .comment-link
    .post-comment-link
    .comentacontador
    Un saludo Olo!

    ResponderEliminar
  59. Liyiss, la clase CSS que controla el aspecto del enlace a comentarios en las plantillas estándar, es la .post-comment-link, pero en tu caso es la .comment-link

    ...y no te funciona porque tienes metidas unas comillas simples en el font-family. Pon unas comillas dobles (") o incluso quítalas del todo.

    Con respecto a .comentacontador, esa es una clase que introduje "a mano" en una explicación sobre cómo numerar comentarios. No es estándar y ni siquiera vale de nada si no es asociada con el susodicho.

    Saludos.

    ResponderEliminar
  60. Ui, es cierto, ya se me olvido la numeracion de comentarios...sorry. Mil gracias.

    ResponderEliminar
  61. Perdona que te moleste otra vez... es que quiero modificar tambien el contador de comentarios el que sale una vez que estas dentro de la entrada, que por ejemplo tu lo tienes centrado, en negrita...etc. Y no encuentro donde se modifica, los cambios que hago al texto "publicar un comentario" esos mismos cambios se realizan al contador de comentarios, pero no se como hacerlo por separado...

    ResponderEliminar
  62. Ahora que he tenido tiempo para verlo, creo que ya lo tienes solucionado ¿no?

    Por si acaso, en tu blog, el "X comentarios" se controla con la clase H4, dentro del ID comments. Sólo tienes que comprobar que no tienes otra cosa con esa misma clase porque se cambiará también.

    #comments h4 {
    PROPIEDADES
    }

    ResponderEliminar
  63. Gracias me fue muy útil.

    http://www.cabezasunderground.com/

    ResponderEliminar
  64. Oloman, cordial saludo.

    De antemano muchas gracias por los innumerables aportes ofrecidos a través de tu blog.

    Mi pregunta es muy concreta. Quisiera saber cómo puedo aplicar el corte "Más información" en los comentarios de mis visitantes (no en las entradas). Es decir, para que cada visitante tenga la opción de leer una breve parte de cualquier comentario, y si le provoca interés pueda ampliar con un clic.

    De nuevo muchas gracias.

    ResponderEliminar
  65. Rafael eso es para nota. Se me ocurre un sistema que puede funcionar, pero ni siquiera estoy seguro de que sea así. Lo probaré y si funciona lo publico.

    ResponderEliminar
  66. Listo Oloman, estaré muy pendiente de ese prospecto de sistema, espero que funcione, hasta ahora no he visto algo parecido en ninguna parte. Mucho pulso, buen análisis y mil gracias.

    ResponderEliminar
  67. Te puedo anticipar que funciona Rafael Fonseca, lo he estado probando esta tarde. Ahora bien ¿crees necesario que una vez desplegado del todo el comentario exista algún botón para volverlo a plegar? Es que eso ya me está complicando más...

    ResponderEliminar
  68. Oloman, la noticia me tiene sobrecogido, no creí que fuera realizable en tan corto tiempo, mejor dicho ya había descartado la posibilidad, van mis humildes pero muy sinceras felicitaciones. En cuanto a lo del botón para desplegar y volver a plegar el comentario, pues pienso que sería lo ideal, algo así como casi la perfección, no piensas lo mismo?

    ResponderEliminar
  69. Rafael, por eso me quedé pillado... :(

    ResponderEliminar
  70. No importa Oloman, quedarse "pillado" supongo que tiene también sus propios beneficios, el lado bueno de lo malo. De todas maneras, lograr que los comentarios se vean plegados no era tarea fácil, aunque supongo también que para el que sabe (caso tuyo) pues no es tampoco tan difícil, en fin, lo que quiero decir, resumidamente, es que muchas gracias por todos los aportes que se encuentran disponibles en este espacio virtual, he aprendido montones en él. Y seguramente seguiré aprendiendo mucho más... :)

    ResponderEliminar
  71. Pues te equivocas. No sé... y por eso a mí también me resultan difíciles este tipo de cosas. Lo que pasa es que soy muy cabezota y cuando tengo un rato para ello, pruebo, intento, reintento y cuando me sale entonces paso a saber.

    Por cierto, que ya está solucionado Rafael. La semana que viene lo publico ;)

    ResponderEliminar
  72. Muchas gracias Oloman. Qué pena el abuso, pero es que quisiera saber si en algún lugar de este inmenso espacio virtual se encuentra publicado un tutorial que explique cómo incluir esa cajita que tienes debajo de los comentarios titulada "PUBLICAR UN COMENTARIO". Me sería de gran utilidad. De nuevo qué pena y muchas gracias.

    ResponderEliminar
  73. ¡Hola! Verás, mi blog es http://besuntanned.blogspot.com.es/ y no sale el enlace a los comentarios, creo que es por un cambio en la plantilla, porque tengo las opciones activadas. He leído que hiciste una entrada sobre esto, aunque no lo encuentro ¿podrias ayudarme?
    Gracias :)

    ResponderEliminar
    Respuestas
    1. Yo si lo veo Beeeeeeeel. Lo único es que te aparece como "No hay comentarios". Al menos en los últimos posts publicados que son los que aparecen en portada.

      Eliminar
  74. La verdad que es una lástima que Blogger no ponga de una forma fácil editar todos esos enlaces, ¿cómo se pueden cambiar en las plantillas actuales? porque he intentado con los tutoriales que hay y no lo consigo, no es el mismo código, al menos en la plantilla simple.

    Muchas gracias por tu tiempo y sobretodo por este blog :-)

    ResponderEliminar
    Respuestas
    1. Este post es de cuando sabía menos :)

      Para controlar el aspecto de ese enlace, es suficiente con dar propiedades CSS a una simple clase. Esta:
      .post-comment-link {
      font-size: 120%;
      padding: 4px;
      border: 1px solid;
      }
      (las propiedades que puse son de ejemplo para que veas cómo sí se cambia)

      Eliminar
  75. Hola Oloman, esta entrada tiene añitos, pero esperaba que me sirviera para mi blog, pero no consigo lo que quiero. ¿Me puedes ayudar? Llevo varios días tocando el código y no hay manera. Mi blog es www.ayudaparaalicia.es y lo que quiero hacer es que el bocadillo de comentarios (que aprendí a hacer aquí) quede al final de lo que escribo, antes de las entradas sugeridas -Quieres leer mas?- y de la barra de sharethis. Incluso que la palabra "comentario" que aparezca en negrita pueda enlazar el formulario para los comentarios. ¿Es muy complicado? Mil gracias.

    ResponderEliminar
    Respuestas
    1. Hola Carolina. Realmente no es complicado, pero tienes que estar familiarizada con tu propia plantilla.

      En ella tienes en algún lugar el código de Linkwithin. Marca delante de su DIV de apertura un comentario <!-- AQUI -->
      Luego, más abajo, deberías tener algún post-footer-line dentro del cuál encontrarás el código que forma el bocadillo con el comentario y que será prácticamente igual al código que hay en el primer cuadro de esta entrada.

      Pues bien, se trata de cortar todo ese código (el que empieza con un span class='post-comment-link') completo y pegarlo dónde antes marcamos. Sólo eso :S

      Eliminar
  76. Hola Oloman, perdona que no te haya visto antes! pero no había marcado la casilla Avísame.

    Estaba otra vez revisando estos detalles del blog, y he hecho lo que me has dicho, pero LinkWithin desaparece cuando le pongo la etiqueta DIV que ellos mismos dicen que hay que poner en su FAQ.

    Así que sin la etiqueta DIV no puedo hacer mucho. Por algún motivo tanto LinkWithin como Sharelist se ponen por delante del bocadillo del comentario. Ya lo dejo por imposible! :(

    Gracias, seis meses después...

    ResponderEliminar