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 != "item"'>
<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>
<b:if cond='data:blog.pageType != "item"'>
<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/>
<data:post.numComments/> <data:top.commentLabelPlural/>
...por
<b:else/>
¡Bravo! Hay <data:post.numComments/> personas que han opinado
¡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'>
...
<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
...
<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>
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.
Y muchos más artículos interesantes si nos sigues en...
Última pregunta para dejar a punto esta entrada:
ResponderEliminarY 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.
Permíteme que haga en unos días, una (breve) entrada explicándo eso que preguntas.
ResponderEliminarOloman, 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 :(
ResponderEliminarMuchas gracias por la data
ResponderEliminarno sabia como se hacia para cambiar eso
todos los dias se aprende algo
jeje
adios!
Gracias Oloman.
ResponderEliminarNo te preocupes, yo espero.
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
ResponderEliminara 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.
ResponderEliminarLegolas:
ResponderEliminar1. 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
Gracias por la explicación, la única coherente que ví hasta ahora. Estáré esperando la resolución del horrible '0 Comentarios'.
ResponderEliminarOtra 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.
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í.
ResponderEliminarA) 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!
Ok, voy a probar; simple, como siempre lo son tus explicaciones.
ResponderEliminarSobre 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!
Listo! Funcionó! Lo único que tuve que hacer fue eliminar lo de
ResponderEliminardata:post.dateHeader.
Gracias de nuevo!
hola olo: quiero agradecerte por este blog que nos "desazna" y ayuda a mejorar los nuestros! una gran iniciativa de tu parte (y gratis!!!)
ResponderEliminargran saludo de Ozo!!!
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.
ResponderEliminarDicho 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
Anahí, si no me equivoco porque no lo he probado, busca
ResponderEliminar.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,
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...)
ResponderEliminarSalú2.
Oloman, ya logré entrar en el blog y probé lo que me indicaste en varios lugares, pero no hubo caso, che.
ResponderEliminarDe todas formas lo dejo así, es como hilar demasiado fino.
Un abrazo.
hola
ResponderEliminarHola!
ResponderEliminarMe 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
Oloman, gracias por responderme xD!
ResponderEliminarPero no paso nada quedo igual, que otra cosa puedo hacer?
Byee
En lugar de cambiar los márgenes del enlace a los comentarios, Sidhe, prueba a cambiar los del propio post:
ResponderEliminar.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".
Ay nooo, tampoco resulta! La cosa esta ni se mueve :(
ResponderEliminar¿Será por la imagen que se baja el texto? Porque antes quedaba bien.
Pusa!
Hola, pasando por aquí, pensando que te habías olvidado.. sorry xD
ResponderEliminarBueno, segui los pasos y taratataaa ¡¡quedo genial!!
Oloman te adorooo!!
Un millón de gracias por la ayuda
Besos para ti
De verdad.. estoy llorando de felicidad
ResponderEliminarEres mi heroe!!
Byee
Hola Olo!
ResponderEliminarBueno 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
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.
ResponderEliminarPienso lo mismo.
ResponderEliminarPorque 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 :)
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
ResponderEliminardata: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?
Dr. Vader, observa esta parte del código
ResponderEliminar...
<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?
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
ResponderEliminarLo siento Johnny. No te molestes por esto, pero no intercambio enlaces.
ResponderEliminarhola! 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 .
ResponderEliminarEstaria agradecida si me puedes ayudar
desde ya muchas gracias !!
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.
ResponderEliminarSin 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.
hola has sido enlazada a mi blog muy bueno el tuyo
ResponderEliminarademas contento por que soy el seguidor 150
Bueno, solo queria decirte que me pasa que he puesto una imagen, pero quiero quitar todo el texto y los numeros. ¿Como hago?
ResponderEliminarEs 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.
ResponderEliminarSi 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.
Muchas gracias, Oloman, problema solucionado.
ResponderEliminarGracias, Oloman por el mensaje. Me guardo el enlace para estudiar el tema de correrlo un poco.
ResponderEliminarY sustituirlo por una imagen, quizás.
Las otras modificaciones ya están hechas.
Un saludo desde Bs As
Hola.
ResponderEliminarMira, 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.
Alonso, para buscarlos hay que seleccionar "Expandir plantillas de artilugios". A ver si fuera eso.
ResponderEliminarDe 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.
Hola.
ResponderEliminarBueno, 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.
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.
ResponderEliminarCon 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 ;)
Muuuuchas gracias, me has ayudado un montón!.
ResponderEliminarAhora 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.
hola, gracias por la ayuda anterior. La apliqué, pero después tuvimos que quitarlo.
ResponderEliminarMi 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.
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.
ResponderEliminarOtra 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? :)
te refieres a:
ResponderEliminar¿dónde coloco el DISPLAY:NONE? ya he probado en varias líneas y no me doy cuenta.
gracias.
A ver, lo que tienes que poner exactamente es
ResponderEliminar.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.
no lo logro, mi ignorancia me lo impide.
ResponderEliminarme gustaria saber si puedo mandarte un mail con las líneas tal cual las tengo o la plantilla.
gracias.
Adelante BdlE. Abajo tienes mi dirección. Copia de seguridad en formato .xml sería lo mejor.
ResponderEliminarOloman, logré ver dónde se coloca DISPLAY: NONE,pero me hace desaparecer el enlace a dejar comentario.
ResponderEliminarLo que yo quiero es que se pueda dejar comentarios, pero que solo aparezca "comentario" sin ningún número.
¿será eso posible?
gracias.
Te entendí otra cosa BdlE. Lo que preguntas está de manera indirecta en este post y no pensé que fuera eso.
ResponderEliminarLa etiqueta data <data:post.numComments/> es la que almacena el número de comentarios. Si la quitas entera, no aparecerá ese número.
acabo de leer los demás comentarios y ahi aparece! Perdón por hacerte perder tiempo y gracias.
ResponderEliminarNo hay de qué.
ResponderEliminarMuy útil este post.
ResponderEliminarOlo, buenassssss!
ResponderEliminaryo 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!
Lils, la forma de hacerlo la explicó Vagabundia en este post. Luego tú tendrás que darle el estilo que te guste.
ResponderEliminarHola, 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.
ResponderEliminarEl 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.
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.
ResponderEliminarOloman Oloman ya logre aprecer las demas fechas lo tuve que hacer de otra manera que no se me havia ocurrido.
ResponderEliminarmis 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
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.
ResponderEliminarEstos 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:
ResponderEliminar.comment-link
.post-comment-link
.comentacontador
Un saludo Olo!
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
ResponderEliminar...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.
Ui, es cierto, ya se me olvido la numeracion de comentarios...sorry. Mil gracias.
ResponderEliminarPerdona 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...
ResponderEliminarAhora que he tenido tiempo para verlo, creo que ya lo tienes solucionado ¿no?
ResponderEliminarPor 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
}
Gracias me fue muy útil.
ResponderEliminarhttp://www.cabezasunderground.com/
Gracias.
ResponderEliminarOloman, cordial saludo.
ResponderEliminarDe 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.
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.
ResponderEliminarListo 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.
ResponderEliminarTe 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...
ResponderEliminarOloman, 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?
ResponderEliminarSí Rafael, por eso me quedé pillado... :(
ResponderEliminarNo 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... :)
ResponderEliminarPues 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.
ResponderEliminarPor cierto, que ya está solucionado Rafael. La semana que viene lo publico ;)
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.
ResponderEliminarRafael: Modificar el formulario de comentarios :)
ResponderEliminar¡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?
ResponderEliminarGracias :)
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.
EliminarLa 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.
ResponderEliminarMuchas gracias por tu tiempo y sobretodo por este blog :-)
Este post es de cuando sabía menos :)
EliminarPara 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)
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.
ResponderEliminarHola Carolina. Realmente no es complicado, pero tienes que estar familiarizada con tu propia plantilla.
EliminarEn 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
Hola Oloman, perdona que no te haya visto antes! pero no había marcado la casilla Avísame.
ResponderEliminarEstaba 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...