196

Enlace a comentarios en una imagen

El enlace que facilita la publicación de comentarios es uno de los elementos más importantes de nuestro blog , ya que nos posibilita el obtener un mayor número de comentarios.
Para los que no están habituados a los blogs se hace difícil localizar el sitio exacto donde deben pinchar para poder comentar, al menos en muchas de mis consultas se han quejado precisamente de esto bastante a menudo, así que vamos a destacar el enlace para comentar haciendo que se vea dentro de una imagen y situándolo en la parte de arriba de las entradas, mas o menos al lado del título.


Enlace a comentarios con imagen en la parte superior del post

[1] Iremos en nuestro panel a la pestaña de "Edición HTML" y tendremos que marcar la casilla de expandir las plantillas de artilugios.

[2] Localizamos ahora el código que corresponde a nuestro enlace de comentarios:
<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>
Una vez localizado el código tendríamos que transportar el código de donde está a donde vamos a mostrar los comentarios dentro de la imagen, es decir, copiarlo, guardarlo en el blog de notas por ejemplo, y eliminar el original.

[3] Localizamos ahora la parte del código de la plantilla donde vamos a pegar el código anterior. Podríamos colocarlo en distintos sitios dependiendo de donde queremos mostrarlo, por ejemplo justo después de esta línea estaría bien:

<b:includable id='post' var='post'>

[4] Modificaremos lo necesario en ese código para eliminar el texto del enlace y mantener únicamente el número de comentarios ya quedará mucho mejor para mostrarlo dentro de una imagen.
Hay que suprimir las etiquetas "<data:top.commentLabel/>" y "<data:top.commentLabelPlural/>", con lo que el código quedará así:
<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 <b:else/><data:post.numComments/> </b:if></a>
          </b:if>
        </b:if>
      </span>
[5] Colocamos entonces una líneas en el CSS, siempre antes de ]]></b:skin>, para añadir los atributos del enlace y conseguir así el formato que queremos (imagen de fondo, fuente, dimensiones, márgenes, bordes, etc.):

.comment-link {
font-size: 150%;
background: url(http://img368.imageshack.us/img368/2623/comentabe7.png) no-repeat top right;
height: 50px;
width: 53px;
text-align: center;
float: right;
margin: 5px 0 0 0;
padding:5px 2px 0 5px;
}


Conservar los dos enlaces, una arriba con imagen y el de siempre debajo de la entrada.

Una vez efectuados los cambios anteriores tendremos el número de comentarios dentro de una imagen y al lado del título de nuestras entradas, pero habremos prescindido del enlace de "comentarios" en el pie de cada entrada (post-footer).
Para conservar ambas opciones, en lugar de eliminar el código original en el paso [2]  lo dejaremos donde está y tal como está, es decir, al código original no le eliminaremos las etiquetas del paso [4].

Tendremos que cambiarle la "clase" al nuevo enlace para que se distinga del anterior ya que sino ambos se verían dentro de la imagen.
En el nuevo código que hemos añadido, paso [4], cambiamos donde dice: <a class='comment-link' por <a class='comment-link2', y el código que hemos añadido en el CSS tendremos que ponerlo así:

.comment-link2 {
font-size: 150%;
background: url(http://img368.imageshack.us/img368/2623/comentabe7.png) no-repeat top right;
height: 50px;
width: 53px;
text-align: center;
float: right;
margin: 5px 0 0 0;
padding:5px 2px 0 5px;
}


Entradas Relacionadas:

196 comentarios:


Bocha

Gracias!!! :-)

Me salio perfectamente el diseño!!

Rosa te quiero, sos lo mas!

Un abrazo grande. :-)

╬ яo¢ιιo ╬

Rosa tu blog es divino!! me ha ayudado mucho ahora me encuentr0 en el diseño de una nueva plantilla

sin embargo 2 preguntas:

es posible elegir otra fuente para los post a part de arial y verdana, por ejemplo comic sans??? como se hace??

y como poner en mis comentarios iconitos como estos :D???

muchisisismas gracias

Jose Luis

Algo hago mal, pues lo intento de mil maneras y no soy capaz, seguire intentadolo pero por ahora suspenso

Rosa

Bocha, gracias!!:D

Rosa

╬ яo¢ιιo ╬

Desde "fuentes y colores" de tu panel, hay varios tipos de fuente para elegir...ten en cuenta que si pones una que no esté disponible ahí y algunas visitas no la tienen en sus navegadores o pc no podrán verla y en su lugar verán la que esté aplicada ahí por defecto...

Tendrías que ponerlo aquí:
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #cccccc;
padding-bottom:1.5em;
}

Añadiendo la línea para tu fuente, así:
.post {
font-family: 'comic Sans MS';
margin:.5em 0 1.5em;
border-bottom:1px dotted #cccccc;
padding-bottom:1.5em;
}

Ten en cuenta que a veces Blogger no lo "toma" entonces tendrías que hacerlo directamente al escribir cada entrada, así:

<span style="font-family:comic Sans MS;">
TEXTO Y DEMAS COSAS DE LA ENTRADA AQUI
</span>

Para los emoticones mira en estas entradas:
http://elescaparatederosa.blogspot.com/2007/05/emoticonos-en-tu-blog.html

http://elescaparatederosa.blogspot.com/2007/06/smiles-aadiendo-una-sola-lnea.html

Rosa

Jose Luis...¿y qué falla exactamente?...¿te da error?...

Alextremocanario

Hola rosa, he puesto una imgen de una carita pero no consigo que el texto se mueva hacia abajo o la imagen ahcia arriba para k no kede encima de los ojotios, Podrias ayudarme??

Muchisimas gracias

Jorge Aussel

Hola rosa. Yo aprendí a poner los comentarios a la derecha del título en el blog de pizcos en esta entrada. Te dejo el enlace por si no lo haz visto, pero es muy probable que si.

Encontré que allí la forma de hacerlo se me hizo un poco más facil, lo que no quiere decir que esta no lo sea, claro está.

Gracias por compartir tus conocimientos con las personas que tenemos un blog. Saludos Rosa!

Rosa

Alextremocanario, en esta línea del código css:
padding:5px 2px 0 5px;

Tienes que ir "jugando" con esos valores para modificar la posición del número, ve probando aumentando o disminuyendo uno por uno, primero el 5 por ejemplo y usando la vista previa...

Rosa

Jorge Aussel, son dos maneras algo distintas de lograr la misma cosa...de hecho yo estoy usando la forma de Pizcos por una cuestión personal de mi plantilla;)

Alextremocanario

Muchas gracias Rosa, habia probado hay, pero con cambios muy pequeños y no se notaba la diferencia, pero poniendo numeros muchos mas altos vi como iba cambiando, muchisimas gracias.

Carlos Soler

Rosa hacia tiempo que esperaba esta entrada, a ver si me pongo pronto manos a la obra, eres un sol. Te ha quedado muy bien el aspecto navideño que le has dado al blog, besotes.

Rosa

Carlos, estoy segura que no tendrás ningún problema;)

Carlos Soler

Me ha costado pero no me he dado por vencido hasta que lo he conseguido, la parte de los backlinks me sobraba y no me había fijado que en el css habia un 2. Te quería preguntar: ¿Para que es la definición del color en una parte del código? 1000:-L

Rosa

Carlos, estás en todo;)
Se me ha escapado ahí, porque en realidad el enlace a comentarios mantiene las propiedades de color de la plantilla y aunque pongamos ahí el color, Blogger lo sobreescribe...

Para elegir el color del enlace habría que colocar debajo de eso algo así:
.comment-link2 a:link{color: #fff;text-decoration:none;}
.comment-link2 a:visited{color: #fff;text-decoration:none;}
.comment-link2 a:hover{color: #fff;text-decoration:underline;}

No todo en blanco claro :D ha sido para acabar antes:$

STBAN

Hola Rosa, primerament pedirte disculpas ya que no sabia donde colocar esta duda que tengo, sucede que quiero crear un blog tipo pagina de inicio para un cyber que tengo y para eso utilice un script de pestañas para que me proporcione los buscadores mas importantes que hay pero me falla los fondos de dicho script en el primero (google) esta genial como lo quiero pero en los demas aparece un fondo y unos bordes que no me gustan y quisiera que se vean como la primera pestaña y no se como hacerlo ya intente en la ccs del tab y del header1 pero no se donde esta la falla, muchas gracias de antemano.
PD. Dicho problema esta en mi blog de pruebas.

Álvaro Blanes

Tengo una duda Rosa, intentaré no enrrollarme mucho:

¿es posible cambiar el enlace al que me dirige al pinchar en la cabecera del blog? Me explico: tengo un blog que consta de 4 páginas (es decir 4 blogs unidos entre sí) siendo uno de ellos la portada y los otros tres las secciones. ¿es posible que al pinchar la cabecera de uno de los blogs/secciones me envíe al blog/principal? Es decir, ¿se puede cambiar la dirección a la que se te envía al pinchar sobre la cabecera de un blog?

No sé si me he explicado bien, aquí te dejo el enlace al blog/principal a ver si lo entiendes viéndolo: http://lostiemposmodernos.blogspot.com/

Un saludo y gracias!!

Carlos Soler

Rosa, gracias por la aclaración, un abrazo.

Graciela de Palomas

Rosi feliz que te hayas divertido con la entrada jajaja, no saben lo que son las nuevas 'Virtudes'...besos mi tesoro!!!

G4þRI€L

este truco se me complica un poco, pero el de la estrellita navideña quedo lindo.
Te felicito por tu blog!!

francis (Bollullos)

Buenos dias Rosa, aqui me tienes en mi visita diaria a tu escaparate, y como va siendo habitual, tengo una pregunta para ti, jeje. Quisiera saber si es posible quitar del formulario de comentarios la opción del perfil anónimo, pues estoy recibiendo en mi blog comentarios fuera de lugar. A ver si me puedes ayudar. Miles de gracias, y disculpa por dejar un mensaje en un post que nada tiene que ver con mi duda.Un abrazo

ch3t0zz

Hola Rosa ... sabes vi una pagina que me intereso, me gusto como tenia esos copos dorados, queria saber como puedo hacer para poner eso en mi blog... dirección webporfavor ayudame...

ah sabes este tipo de ayuda o sugerencia como quieras llamarlo... debe tener un vinculo especial... que sea algo asi como pedidos...

bueno solo es un comentario...

please ayudame con lo de los copos dorados... quiero ponerlos en mi blog

Jaime Trujillo Escobedo

La verdad es que es un truco genial, felicidades de nuevo Rosa! saludos y feliz Navidad :-)

Rosa

Jaime, gracias y ¡Feliz Navidad!

Rosa

Jorge, prueba en el código css del menú cambiando donde ves "float:left;" por "float:center";, te digo prueba, porque no se como se verá entonces en todos los navegadores... este tipo de menús se ve optimamente si el float es left, se trata de ir añadiendo nuevos enlaces hasta dar con la posición adecuada.

Jorge

Muchas gracias Rosa pero no funciono :( o por lo menos en Firefox
Gracias de todas formas

Rumaxu

Wow, sinceramente me parece muy útil. En cuanto tenga tiempo lo pruebo. A ver si lo puedo hacer.

Rosa

Francis, eso puedes hacerlo en tu panel, Configuración - comentarios.

Rosa

Gabriel, gracias por tu visita;)

Rosa

STBAN, en el css de las tabs localiza esta línea:
ul.tabbernav li a{padding: 4px 0.5em;margin-right:2px;none;border-bottom: none;background: #fff;text-decoration: none;}
Borra donde dice background: #fff;

Luego localiza esta otra:
ul.tabbernav li a:hover{color:#00F; background: #CCC; border-color: #CCC;}

Y cambiala así:
ul.tabbernav li a:hover{color:#00F; background: #fff; border-color: #fff;}

Rosa

ch3t0zz , es un script de DynamicDrive como el que puedes ver en este blog explicado:

http://meta-microcosmos.blogspot.com/2007/12/navidad-nevando-en-tu-blog.html

Lo único que tendrías que hacer es cambiar la imagen de los copos de ahí por uno del estilo de los dorados o por la imagen que sea...
Esta es la imagen del copo dorado:
http://i201.photobucket.com/albums/aa306/picumoros/flordoradatj7.gif

╬ яo¢ιιo ╬

rosa ya estan mis iconitos en blog!! se ven chulisimos

sin embargo una nueva duda en mi caja de comentarios (la cual modifique gracias a tu blog :-) )

como poner los iconos y su abreviacion es decir el icono y las letras para formarlo

como lo tienes tu en tus comentarios????


mil mil gracias

ch3t0zz

Muchas gracias :D es lo que necesitaba... ah y ojala puedas crear una seccion o algo asi sobre los pedidos...

bye, y nuevamente gracias

Rosa

╬ яo¢ιιo ╬ , eso que dices y que ves en mi blog en el formulario es una imagen, ya que si pones ahi los simbolos con toda probabilidad se convertirían en los muñequitos.

Si quieres usar mi imagen la url es esta:
http://4.bp.blogspot.com/_8PJ-pgoBhWQ/ST5UCXBuj5I/AAAAAAAAFz0/4RGYYQtgu1w/s400/Nueva+imagen2.JPG

Tendrás que localizar en el código fuente con los artilugios expandidos esta línea:

<p><data:blogCommentMessage/></p>

y colocar el código para la imagen debajo:

<img src="http://4.bp.blogspot.com/_8PJ-pgoBhWQ/ST5UCXBuj5I/AAAAAAAAFz0/4RGYYQtgu1w/s400/Nueva+imagen2.JPG/>

Rosa

Álvaro, he tardado en responderte porque estaba preparando la entrada que acabo de publicar explicando como hacer eso que dices, al menos la forma en que se me ha ocurrido...

Francisco

esto es lo que buscaba, grácias de nuevo

ch3t0zz

Hola :D ... puse los copos de nieve en mi blog (gracias por la ayuda), pero ocurre un problema estetico... es que la mayoria de los copos son de color blanco... y no se distinguen dentro del cuerpo... asi que estuve algo que quede mejor y me encontre con esto

ya se que el fondo es una imagen gif... pero mi pregunta es... ¿como hago para que el fondo avanze hacia abajo asi como esta en esa pagina?

gracias :D

╬ яo¢ιιo ╬

hola rosa d nuevo yo x aca molestandote

amm

ya puse el codigo pro la plantilla no cierra debido a ke no sta bien formada paraece un codigo de error...

img no es aceptado..
ke dice que

Rosa

ch3t0zz , en el script que has puesto supongo que has visto en el blog que te dije que puedes cambiar la imagen de los copos blancos por la que quieras, por ejemplo la url del copo dorado que te di...

En Blogger no pueden usarse todos los script que si funcionan en páginas wen "normales" en el caso de esta que me dices de estrellas, el código no sirve en Blogger, es más, solo sirve en IExplorer incluso en páginas web, en Firefox por ejemplo no se ve el movimiento...

Rosa

╬ яo¢ιιo ╬ , supongo que copiaste el código de mi comentario y ahí me faltaba una comilla:

<img src="url de la imagen"/>

El Guisante Verde Project

Hola Rosa, hace tiempo que no te consulto, aunque sí te sigo, pero no me queda otra más que darte la lata.:D
He conseguido que me aparezca el número a la derecha, sin problema, pero la imagen que muestras me aparece cuadrada con el fondo blanco, y en mi blog queda fatal. Solo quiero que se vea el bocadillo. Así que he creado yo un bocadillo, pero no consigo que se vea mas que el número. ¿Que hago mal?

El Guisante Verde Project

Huy, perdón! que mal educado, gracias, y Felices Fiestas!!:$

Rosa

El guisante, seguramente no estás usando la url de la imagen correcta...

Ольга

Hola Rosa, he estado fuera unos días por este motivo no he dicho nada. Lo he probado en mi blog y me ha salido pero lo he quitado porque he visto que es para los comentarios. Supongo que para poner lo mismo pero que te pagine por así decirlo las entradas será algo parecido no se si te acordarás de la consulta que te hice por mail. En el blog del peque puse una ranita pero si que me gustaría ponerlo en el mio.
Muchas gracias eres genial. Un besazo muy grande de Adrián y su mami.

Rosa

Ольга, la únicaforma que se conoce hasta ahora para paginar las entradas es esta:

http://vagabundia.blogspot.com/2008/08/paginacin-en-blogger.html

Pero ya te aviso que no está funcionado bien...

Federico

Rosa, antes que nada, muchas gracias por el tutorial, es muy útil y efectivo.

A pesar de eso, tuve algunos problemas en cuestión. Agregar la imagen y mantener el texto resultó efectivo, sin embargo, la imagen del comentario me parece muy por sobre el título del post. Además, cuando paso el mouse por sobre la imagen, está se ilumina al igual que el resto de los links, dando así un efecto para nada agradable.

En este momento, opté por quitar las imágenes de mi blog, pero si necesitas ver lo que te explico, las vuelvo a incluir cuando quieras.

Muchas gracias de antemano, y como dije al principio, magnifico tutorial (y blog, claro).

Federico.

Este es mi blog

Rosa

Federico, mira arriba en el comentario número 15 como harías para controlar el aspecto del enlace de comentarios independientemente del resto de los enlaces del blogs.

En cuanto a la posición, la explicación es siempre para plantillas originales de Blogger, como la tuya no lo es pues puede ser que cambie algo...localiza algo como post-title o prueba colocandolo algo más abajo...ve usando vista previa.

Angela

Hola, Rosa, tanto tiempo.
Intento implementar este truco, pero lo que no me sale es la imagen, la burbujita de comentarios. Ya intenté cambiar la URL, y los valores de padding, margin, etc., para ver si conseguía algo pero nada.
¿Podrías ayudarme? ¿Qué es lo que tiene mi template para que no me deje visualizar la burbujita de comentarios?
Este es el blog de pruebas en el que lo he intentado: http://aoshi-chan03.blogspot.com/
Mil gracias de antemano ;)

Rosa

Angela, pues yo lo veo todo correcto...a no ser algo que está sobrando y que pueda estar interfiriendo en eso...
Encima de .comment-link2 {

Tienes una flecha así --> que no se que hace ahí...borrala.

Angela

Gracias, Rosa, pero no me sirvió :( En buena teoría esto --> es el cierre de un javascript. No pasa nada malo si lo quito, pero tampoco puedo ver la burbujita de comentarios. Ni modo. Al menos ahora tengo un enlace desde la parte superior del post que vaya a los comentarios :) Mil gracias, Rosa. Siempre es genial ver qué trucos traes ;)

Rosa

Angela, a ver, he mirado con algo más de detenimiento el asunto y quizás tenga la solución...

Cambia .comment-link2 { por
.post-comment-link2{

Creo que en esa plantilla funcionará con ese cambio de instrucción. Me cuentas...

TRECARUNGA

me da el siguiente error:
No hemos podido guardar tu plantilla
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No 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:includable" must be terminated by the matching end-tag "".
que hago?

Rosa

TRECARUNGA, está claro que no lo has colocado en el sitio correcto, ya que te dice que falta por cerrar esa etiqueta...

TRECARUNGA

Pero entronces no encuentro el lugar exacto para
poner el codigo

Angela

Rosita!!!! Mil gracias, he hecho lo que me dijiste y, aunque al principio no me sirvió y me mandaba en enlace de comentarios a la izquierda, también cambié otra parte del código y listo!

Arriba pones que después del b:includable id='post' var='post' va la línea span class='post-comment-link'

A eso le he agregado un 2 (no sé si es que desde el principio se lo tenía que agregar :s) y me quedó así: span class='post-comment-link2'

Con eso ya se ve la imagen, ¡mil gracias! Ahora sí me quedó como quería :D

TRECARUNGA

ahora me sale error: bX-7m0mrj

Rosa

Angela, ¡Biennn! Si así había que hacerlo, ainsss se me olvidó:$ pero ya veo que vas tomando poco a poco los conceptos. ¡Enhorabuena!

Rosa

TRECARUNGA, es que yo no puedo ver lo que anda mal desde tu código fuente...

Verás, en el blog de Pizcos ha publicado como hacer esto mismo de otra manera que yo misma considero más sencilla...si quieres intentarlo, esta es la entrada:
http://humanossinsentido.blogspot.com/2008/09/nmero-de-comentarios-arriba-de-la.html

TRECARUNGA

Muchas gracias rosa ahora pude!!!
saludos

El Guisante Verde Project

Gracias Rosa, veré si la estoy copiando mal!

Rosa

TRECARUNGA, me alegro, ya te dije que era menos complicado porque no hay que buscar tanto código;)

JAVIER ADAN

hola rosa. como puedo habilitar las estrellas que he visto en varios blogs para valorar los posts.
un saludo

Rosa

JAVIER, pues se supone que el ranking de estrellas de Blogger tendría que funcionar, aunque por lo que he leído por ahí, no lo hace:(
http://elescaparatederosa.blogspot.com/2008/07/ranking-de-estrellas-en-blogger-ya.html

Supongo que el que has visto es el de Outbrain, al menos es el que he observado yo que están usando la mayoría de blogs:
http://www.outbrain.com/

Anónimo

Gracias Rosa.
Javier adan

ernestito

Hola Rosa, lo he estado intentando, y me sale más o menos, porque tengo un problema y es que me aparece dos viñetas y en la primera dice "enlace a esta entrada" y en la segunda si me aparece el numero de comentarios. ¿que estoy haciendo mal? Gracias.

Rosa

ernestito, he modificado la entrada porque a más gente le pasaba eso mismo y es porque el código de los backlins en algunos casos sobra...vuelve a intentarlo tal como he dejado ahora las instrucciones en la entrada.

Bluesoul

yo no se si estoy bruta hoy :( pero no entendi mucho como hacerlo, y peor aun lo intente y no me salio, ¿tiene algo que ver que yo ya tenga los comentarios personalizados a que no salga lo de "cero comentarios"


creo que intentaré luego porque ando hoy medio en blando :(

Rosa

Bluesoul, no, no tiene nada que ver, tendría que funcionar igualmente...

Bluesoul

rosa ayer estaba mas bruta de lo normal yo jajaja...pero al final lo logre hacer, con ayuda de gem@, k_nelita, y pizcos aunque había cosas que yo en mi loca compu no veía.

saludos

Pau*

Hola Rosa, soy nueva en esto de los blogs, y me ha surgido una duda nada mas empezar a poner este truco en mi blog. Cuando busco en la plantilla lo que pones en el paso 2, el principio no me sale, no se si sera porque en el template que descargue salen los comentarios en la parte de arriba de cada entrada... Me puedes ayudar??¿ Gracias por anticipado :D

Rosa

Bluesoul, has necesitado de toda la caballería :D por lo que leo.¡Me alegro que lo consiguieras cielete!

Rosa

Pau* estén donde estén, ese debería ser el código.

Pau*

Creo q me voy a dar por vencida xDxD. Ahora me sale el numero de comentarios que hay pero fuera de la entrada, a la izquierda y sin imagen ni nada :S

Rosa

Pau* mira en el comentario número 60, quizás te resulte más fácil ese otro sistema...

Pau*

Gracias Rosa, lo intentaré :D

Tu tv

Rosa es excelente todo pero el problema es que me queda muy grande y se logra ver mucho, ademas tambien aparece la imagen con la letra y todo

Rosa

Tu tv, si aparece el texto "comentarios" es que no has eliminado los códigos en el paso [4]

Alexia Stark

Hola Rosa, he estado intentando incluir este nuevo artilugio en el blog, ya que me parece estupendo y puede quedarle bien, pero por lo visto algo no hago bien, ya que lo único que he logrado que se vea sea el número de comentarios, pero en la izquierda y sin nube...

Creo que lo he echo tal y como lo has explicado, incluso he probado de la forma de Pizcos, pero nada, con ninguno de los dos logro que salga bien :((

Podrías decirme que he podido hacer mal y como se podría solucionar?

Gracias ;)

Rosa

Alexia, es que no se que decirte...si has seguido los pasos de forma correcta debería funcionar...el método de Pizcos es bastante sencillo.

Alexia Stark

Ups, juraría que se había enviado correctamente el comentario que había escrito :o

En fin, lo escribiré de nuevo... te había puesto que ya había encontrado el problema y es que parece que como ya tengo varias cosas añadidas más en el b:skin me daba conflicto con este nuevo código, así que lo subí un poco hacia arriba y Zas! Ha funcionado :D

Me ha quedado más mono! (-^o^-)

PD: por querer poner el código del skin bien no había forma de enviar el comentario, si no lo he probado 20 y tantas veces no lo he probado ni una, menos mal que al probar a ponerlo en el formulario antiguo me ha avisado del error...

Rosa

Alexia, si, ja,ja, ya sabes que no pueden añadirse los < directamente...pero vamos :D que yo te entiendo igual sin ellos ;)

Me alegro que te haya ido bien!

micobook

Hola rosa, el truco está genial 0 problemas con los comentarios.

Pero tenía activado mostrar los enlaces de retroceso y he tenido que desactivarlo.

Yo lo he puesto para que salga el globo azul arriba nada más.

Ahora lo que me pasa es que sale otro globo azul arriba y abajo que pone "Enlaces a esta entrada" y queda horrible.

De momento lo que quitado, pero está muy bien la funcion esta de que salgan los blogs que enlazan a la entrada.

Bueno a ver que me dices.

Rosa

micobook, pues creo que es un error mío...lo extraño es que este truco lo han colocado muchos y nadie me había dicho nada...

En fin, creo que está corregido, y es que en el último código se me escapó la parte que corresponde a los backlinks y por eso te salía ahí también el globo.

Perdona y vuelve a intentarlo ahora.

micobook

Mira el blog rosa, lo único que cambiaste fue esto no?:margin: 5px 0 0 0;

http://micobook.com/

o si quieres hago una captura de pantalla como veas.

Yo es que también he cambiado donde pone entradas antiguas y eso por iconos. A ver si es culpa de eso.

micobook

Lo raro es que falla desde la 5 entrada!!

micobook

Te dejo una imagen:

http://3.bp.blogspot.com/_31DSJjD3CmY/SYzbBw-F4bI/AAAAAAAAA2M/EQ61AAMuV_M/s000/error.jpg

a ver que opinas...

Rosa

micobook , no, no he cambiado nada en el css.

En el paso [4] había más código añadido, que he quitado.
Mira donde añadiste ese código (el del paso 4) y verás que te sobra esto:

<!-- backlinks -->
<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

micobook

Ya el globo de arriba no sale.

Lo que habría es que haber como se retoca el de abajo para que no queda estético aparte de usar el mismo globo.

Por cierto que susto!!! Digo: -Ya me he cargado la plantilla, y es que parece que Youtube está caído!!!

micobook

Lo dejo de momento, porque algo no ha ido bien. No me salen los enlaces de retroceso. Ya lo miraré con detenimiento en el blog de pruebas, que para colmo cuando he probado ahora me daba error.

Ya te cuento, Rosa. Y muchas gracias.

micobook

Bueno ahora no me deja comentar, que gracia!! será por el código!!

Parece que ya está, tengo mucho sueño y veo menos que antes que ya es decir.

De una rebujina del tuyo y de Pizcos ha salido el engendro. Que si bien seguro se puede perfeccionar de momento es lo mejor que he podido hacer.

El css igual que el tuyo menos la primera linea que es de pizco, empezaría por

numComments en lugar de comment-link


luego en lugar de eliminar las dos lineas que tu dices, se quita esta nada más:

data post numComments

Las 9 lineas de backlinks que me dijistes ya da igual.

Ahora ya no me sale en un globo lo de los enlaces de retroceso, pese a que sale un poco feo, escondido y no centrado, ya no está tan feo como antes.

Que lío he formado, como me puse con la plantilla original la toquetee y luego no podía volver a ponerla bien y con una copia la he comparado con kdiff y por suerte la he rescatado.

Lo que no sé si los enlaces salen solos, o el que esté interesado tiene que ponerlos. ¿Sabes tu algo de este tema?

Por cierto tiene un fallo, me acabo de dar cuenta ahora. Si no hay ningún comentario en la entrada, no aparecen los enlaces de retrocesos. Bueno, menos da una piedra... De todas formas si los desactivo no se ven ninguno.

Rosa

micobook ¿y si deshaces todo lo hecho y partes de cero con el de Pizcos?...

Los enlaces a la entrada se supone que se crean solos cuando alguien desde otro blog enlaza esa entrada, y digo se supone porque últimamente no anda demasiado bien el tema...a mi me aparecían enlaces ahí a entradas que nada tenían que ver con la mía...

micobook

Pues no había caído en eso Rosa, me refiero a la aparición de enlaces que no tengan que ver nada con la entrada.

Me refiero al uso picaresco del mismo, que alguien se hiciera publicidad... total mi blog apenas recibe visitas. ¿Pero si el blog que quiere aprovecharse de ello tiene dudoso contenido?, no ya legal, sino ético...

He estado mirando por ahí y me parece que encima no podemos decidir que enlaces pueden aparecer o no, y aunque pudiéramos en un blog no puedes estar pendiente de ir comprobando cada x tiempo.

Así que lo quito, hay que ver... con la que he liado!!

Había visto unos enlaces donde se trata el tema, que ya conoces por que te he leído por allí, me hace gracia ver que también eres tauro al ver en tu perfil desde allí para ver si trataba de ti. Jajaja así al menos puedes comprender mi obstinación incontrolada...

Dejo los enlaces de vagabundia

enalce1
enlace2

Perdona por el enredo. Si alguna vez quieres algo búscame por mi blog.

Gracias Rosa.

Rosa

micobook , nada que perdonar.

Si me leíste allí entonces ya sabes de que hablo...me aparecieron enlaces sin control, a mi y a muchos blogs más, había entradas con casi 50 enlaces :O así que lo retiré.

Inma Alcázar

Hola Rosa, lo primero de todo ¡¡enhorabuena por tu blog!! Tiene muchísimas cosas interesantes. Te escribo porque intenté poner el doble enlace tal y como dices en tu post, pero me ha quedado mal, no aparece ninguna burbuja y me queda en una línea arriba a la izquierda de cada post. ¿Cómo podría quitarlo?

Bluesoul

rosa...perdón que me meta...pero no entendí lo último que hablaron de los enlaces y que si salían muchos y tal

Rosa

Bluesoul, hablamos de cuando tienes habilitado en el blog "crear enlace a esta entrada" los "backlins" parece ser que Blogger anda mal en eso últimamente...

Rosa

Inma, perdona :$ se me había pasado tu comentario.
Mira, se que hacerlo como explico en esta entrada, es complicado para algunas personas, por eso recomiendo la opción de Pizcos:
http://humanossinsentido.blogspot.com/2008/09/nmero-de-comentarios-arriba-de-la.html

HogarDigital

Hola Rosa, muy buenos tus aporte, he realizado los que pusiste en este articulo y sali lindo. Lo único es que no puedo cambiar el color de las visitas dentro del globo, lo quiero poner en blanco.
http://sportivosuardi.blogspot.com/ ese es el blog. Agradezco desde ya la solución

Rosa

Hogar digital, has colocado esto en tu CSS:

.comment-link2 a:visit{
color: #fff;
text-decoration:none;
}

Ese código es erróneo, en su lugar coloca esto:
.comment-link2 a:link{color: #fff;text-decoration:none;}
.comment-link2 a:visited{color: #fff;text-decoration:none;}
.comment-link2 a:hover{color: #fff;text-decoration:none;}

HogarDigital

Hola Rosa, si lo tengo puesto tal como vos me lo pasate en le comentario 101.
pero nada, no me lo cambia.
Yo lo puse de esta forma dentro del css
.comment-link2 {
font-size:150%;
background: url(http://2.bp.blogspot.com/_COC5vlPPbjw/SZ8KgCOE7pI/AAAAAAAAAOs/9J0uG1jItwg/s400/numcommentsR.png) no-repeat top right;
height:50px;
width:53px;
text-align:center;
float: right;
margin: 3px 0 0 0;
padding:10px 2px 0 5px;
}
.comment-link2 a:visit{
color: #fff;
text-decoration:none;
}
y otra consulta , como hago para que dentro del cuerpo de las entradas, los espacio sean respetados cuando se publica la entrada. sino tengo que poner astericos para separar. Muchas Gracias

Rosa

Hogar digital, intenta ponerlo antes de </head> de esta manera:

<style type="text/css">
.comment-link2 a:link{color: #fff;text-decoration:none;}
.comment-link2 a:visited{color: #fff;text-decoration:none;}
.comment-link2 a:hover{color: #fff;text-decoration:none;}
</style>

Gsar Flakita

Hola Rosa Otra vez por aqui en tu blog haciendo preguntitas ^^
Este truquito sirve para los comentarios que estan debajo del post???
o solo para los comentarios que aparecen en una ventana nueva????
saludos ;)

Rosa

Gsar Flakita Es para el enlace que dice "comentarios" en tus entradas...quedaría como ves en mi blog en el cartelito con el número de comentarios que ves al lado del título de las entradas.

Abrilinos

Hola Rosa, me encanta tu blog nos ayudas un monton. He intentado poner los comentarios con la burbuja al lado del titulo de la entrada y manteniendo el antiguo y me sale con el mismo formato que tenia. POr favor le puedes echar un vistazo. Te dejo mi blog
http://hijodelcorazon.blogspot.com/
Gracias

Rosa

Abrilinos Mira...entiendo que este sistema se complica un poco para algunas personas, por el tipo de plantilla o lo que sea...
Te recomiendo intentarlo con este, es más sencillo y el resultado es el mismo:

http://humanossinsentido.blogspot.com/2008/09/nmero-de-comentarios-arriba-de-la.html

Abrilinos

Muchas gracias Rosa, lo he intentado tambien con Pizcos y no sé que he liado que ni me aparece la burbuja, ni se abre el formulario de comentarios. Lo siento soy novata, novata.
Me puedes echar una mano?

Rosa

Abrilinos Es que desde aquí no puedo hacer mucho...no puedo ver el error online.

Si quieres y te fías, puedes enviarme un email con los datos de acceso al blog para que lo mire "por dentro". Eso si, si envías el email, ponme en el de que se trata, porque con todos los que recibo igual me lío...:S

Abrilinos

Ya te he enviado el e-mail. Gracias

El Coronel

Que torpe soy, Y de veras que hasta siento verguenza, pero no soy capaz de cambiar el color del recuadro, me sale blanco. y azul la imagen. Me gustaría que se adeptara a mis colores, pero no logro saber como. Sí tienes tiempo, ¡¡Ayudame!!, mientras lo dejaré así. Soy paciente, aunque no esté enfermo.

Rosa

El Coronel Lo único que puede hacerse es usar una imagen distinta a esa que vaya mejor con los colores de tu blog. Aquí no se trata de códigos. Tendrías que conseguir una nueva imagen, subirla a ImageShack de nuevo por ejemplo y luego cambiar la url en el código por la de la tuya.

Álvaro

Rosa, siguiendo tus consejos ( y modificando los "margins" y "paddings" y alguna que otra cosa más) he conseguido poner un enlace a comentarios en el título de cada "post" a mi gusto. Mi pregunta: resulta que en un día publiqué dos entradas; al verlas, me di cuenta de que el icono correspondiente a la primera entrada estaba bien situado, pero el de la segunda, algo desplazado hacia abajo. Y esto sólo ocurre si publico más de una entrada por día (borré la entrada por el mal efecto visual). Creo que tendría que ver con que al publicar más de una entrada, el campo "fecha" que lo tengo como tú, sólo aparece en la primera, y esto puede provocar algún cambio en los bloques. ¿Tienes alguna solución para evitar este contratiempo? Y otra: cuando escribes un título largo, y llega al campo del icono, éste se desplaza hacia arriba. ¿Soluciones? Gracias Rosa.

Rosa

Álvaro El que el icono se desplace si el título llega hasta el es normal, puedes ver por ejemplo en esta entrada mía que eso pasa:
http://elescaparatederosa.blogspot.com/2008/05/publicado-por-la-hora-comentarios-y.html

No hay espacio para ambas cosas, así que tratemos de controlar los títulos dentro de lo posible.

En cuanto a la fecha, mira aquí como tener fecha en todas las entradas, aunque estén publicadas el mismo día:
http://elescaparatederosa.blogspot.com/2008/12/fecha-en-todas-las-entradas.html

Álvaro

Gracias Rosa; no obstante, y cuando tenga un rato de tranquilidad, probaré a ver si con la propiedad z-index es poxible que los campos no se superpongan. Si descubro algo, te lo diré. Y por supuesto que probaré tu consejo sobre las fechas. ¡Feliz fin de semana!

Rosa

Álvaro Cualquier cosa, me dices... cuidado con IE y z-index.

Bocha

Rosa, coloque el globo ese para los comentarios...

pero me quedo medio feo.

El problema es que me quedo el numero (que indica la cantidad de comentarios) con una Subrayado. Y quiero que me quede como el tuyo, que cuado le pase el mouse por arriba figure el Subrayado, no antes... como hago??

A y solo quiero que sea ese link, no todos los del blog... :) :)

Saludos genia!

Rosa

Bocha Colocando en el CSS algo así (estos son mis propios datos):

.comment-link { a:link{color: #fff;text-decoration:none;}
.comment-link { a:visited{color: #fff;text-decoration:none;}
.comment-link { a:hover{color: #fff;text-decoration:underline;}

O coment-link2 según lo hayas puesto.

Surplus21

Gracias Rosita ya lo implemente =D Gracias por todo = )

Rosa

pedrox Colocando el código del enlace de comentarios en lugar de al lado del título, pues justo donde acaba el contenido de la entrada, sobre <div class='post-footer'> más o menos...

Fabiru69

gracias :D sigo agregando detalles a mi blog para que quede chulo :) GRACIAS

Fabiru69

Cuando hay cero comentarios queda muy bien ubicado el numero jejeje, pero cuando pasa de 1 aparece debajo del numero la palabra "comentarios" y se desubica feo de la imagen, mi pregunta es ¿ hay alguna forma de eliminar la palabra comentarios? para que quede bien, al fin y a cabo soy bueno en el diseño de imagenes y en ella misma le pongo la palabra "comentarios", gracias de antemano Rosa.....Ahhhh que aria sin tu pagina ( nada jejeje).

Rosa

Fabiru69 Si aparece la palabra "comentarios" es porque algo no has hecho correctamente...se ve como en mi blog si sigues todos los pasos.

Fabiru69

Ok, lo pondre de nuevo, creo tener idea de donde esta el detalle :D

Portu

Hola Rosa!!

Te hago esta consulta a regañadientes, pues ha sido por un problema que me he creado yo mismo en mi plantilla.
Te pido que me digas porque me aparecen los comentarios de mis post antes y después de éstos, cuando solo quiero que me aparezcan después. ¿Me podrías decir que tengo que borrar? Llevo un par de semanas intentando solucionar el problema, pero no lo consigo. :(

Muchas gracias.

Por cierto, por si lo necesitas:

Mi plantilla esesta.Y este es mi blog.PD: Quizás no sea nada y le haya dado mal yo, pero cuando le he dado a vista previa del comentario en tu post, he tenido que volver a escribirlo, pues lo único que ha hecho es borrar lo que había escrito. :S

Portu

Hola otra vez.

He visto que el enlace para descargar mi plantilla no funciona bien, aquí te dejo el enlace a la página para que le des a descargar:

http://cid-ec076f5b4a37d889.skydrive.live.com/self.aspx/.Public/Blog/template-5711108746601750319.xml

Rosa

Portu Tienes que tener el código del paso [4] repetido y además casi seguido uno del otro en la plantilla, en uno de ellos has añadido la clase: a class='comment-link2' y en el otro no.
Localizalos y borra al que no has añadido la clase.

Y no, no funciona el botón de vista previa en mi blog...nunca ha funcionado :(

Portu

Hola de nuevo Rosa. Creo que no me he explicado bien antes. :S Cuando digo que me aparecen los comentarios dobles, me refiero a que cuando quiero ver la página de la entrada con los comentarios, la lista de comentarios me aparece doble, una lista sobre la entrada, y otra debajo de la entrada completamente idénticas.

Por favor si tienes tiempo te pido que visites mi blog, y sabrás a lo que me refiero.

Un saludo

Rosa

Portu Si te explicaste bien y además yo si fui a ver tu blog, lo que pasa es que también sucede lo que yo digo en la página principal, o sea, que tienes doble toda la sección de comentarios me temo.

Ve a edicion html y prueba pinchando en el enlace de abajo que dice: Restablecer plantillas de artilugios a los valores predeterminados.

Luego me cuentas.

Portu

Muchisimas gracias Rosa, se han borrado algunos cambios que habia hecho, pero no pasa nada, por fin se han ido los " dobles comentarios " :D

Otra vez me has sacado de apuros. :)

Un saludo.

Rosa

Portu Suponía que algo más ibas a perder... pero decidí que seria la forma más rápida y con menos problemas. :-|

mimundodelana

Hola Rosita:quisiera ayudaaaaa:O, puse la burbujita y me quedo preciosa,perooooo al igual que la fecha en el calendario, me quedan muy abajo y en algunas imagenes se ve por la mitad incluso lo publicado se corre hacia la derecha,AYUDA a ver como puedo subirlos a ambos,Besos Besos y Besos te estare espiando.

Rosa

mimundodelana Eso está bien... es el margen del contenido de tus post el que es escaso.

Localiza esto en el código de tu plantilla:
.post p {
margin:0 0 .75em;
line-height:1.6em;
}

Antes de la última llave de cierre } añade esto:

padding-top: 20px;

Si 20 es poco y aún no se ve bien, aumenta ese valor.

mimundodelana

¡Rosi!que bella eres todo se acomodo,habia tocado por todos lados,con el terror de lo que ya me paso que perdi toda mi plantilla,y tube que empezar de nuevo, cuando quieras pasa mi blog esta echo por ti,Besos Rosiiiiiiiiii:P

mimundodelana

Rosi:yo molestandote otra ves pasa que quiero alinear lo (publicado, etiquetas , comentarios y el sobresito y lápiz de abajo de las publicasiones que quedo muy separado de la imagen publicada, huy cuantas veses puse la palabra "publicadas" pero es para que se entienda PERDÓN Rosy.aparte que puedo haser para que explorer se vea como FireFox en mi oficina tengo FireFox que es donde yo arreglo mi blog pero en mi casa mi nena tiene explorer y se ve fatal, el menú se ve con toda una franja blanca y queda horrible que puedo haser Rosy desde ya Gracias

Rosa

mimundodelana Ve a tu panel de diseño y en entradas del blog pincha en editar, abajo veras que puedes arrastrar los cuadraditos con esos datos para colocarlos como quieras.

En cuanto a IE hay poco que hacer, la verdad, el hace lo que le da la gana a la hora de interpretar los códigos... y si no es la última versión aún es peor.

Es casi imposible diseñar algunas cosas para que se vean igual en todos los navegadores.

mimundodelana

No Rosy,esa occion en editar por mas que muevas lo que muevas no va ni para atrás ni para adelante, no funciona ,que pena facilitarían mucho las cosas bueno seguiré leyendo tus respuestas a otros blogeros e echo muchos arreglos sin necesidad de molestarte, Besos Rosy y gracias seguiré aquí.

Monica

Rosa pude solucionar lo de publicado etiquetas y demas , eso me quedo perfecto despues de tanta lucha,perooooo otra ves las imagenes publicadas se corrieron asia la derecha y por mas que modifico los numeros del .post p {no hay caso a quedado estatico, aparte mirando y remirando la plantilla, descubri que tengo 2 llaves antes de #crosscol-wrapper{ pero si la quito en mi menu de pestañas se ve un fondo blanco horrible quisiera saber si vos Rosy lo ves asi porque en mi compu con Firefox no se ve que puedo aser esta antes de css skin Besitos Rosy y perdón por tanta molestia

Rosa

Monica No veo ninguna llave duplicada antes del crosscol-wrapper :0
Lo que si veo es que lo tienes así:
.#crosscol-wrapper{

El punto inicial sobra.

Monica

Rosy ya la habia quitado, y el punto inicial lo agrege porque pense que faltaba, ya que en casi todo hay uno, pero si lo quito aparece ese fondo blanco en mi menu que ya te dije.Besos Rosy te digo que yo lo veo divino mi blog.;)

Rosa

Monica Pues entonces tendrías que quitar la almohadilla # las dos cosas no pueden ir...

Gato Guga

Rosa, bom dia.
Achei muito interessante esta dica e levei para compartilhar com os meus leitores, mantendo todos os créditos ao El Escaparate. Abraços

Rosa

Gato Guga bom dia.
Obrigada! :D

Azahar

Hola Rosa,

He puesto en práctica este ejemplo, pero solo consigo que se vea en los post de la primera página. Después, cuando entro en una entrada antigua o incluso en la primera entrada, pero pinchando en ella, ya no veo el bocadillo con los comentarios, sólo el título y el post, pero no el globo con el numero de comentarios... ¿alguna idea?

Gracias

Rosa

Azahar Probablemente has colocado el código en un lugar erróneo y alguna etiqueta condicional le está "ordenando" que solo se muestre en esa página... revisalo.

Azahar

Que raro, lo he puesto justo debajo de "b:includable id='post' var='post'" y no funciona..., solo sale en título principal, pero no después, dentro de la entrada. ¿Habría otro sitio donde ponerlo que saliera siempre?

Gracias.

Rosa

Azahar Si lo pones en otro lugar, ya no se verá como debe al lado del titulo de la entrada... ese es el lugar.

Creo que no lo has entendido del todo y estás cometiendo algún error...mira en comentarios anteriores donde recomiendo un sistema más sencillo que Pizcos ha publicado hace tiempo.

Azahar

Bueno, entenderlo creo que si lo he entendido, lo único es que quizás mi plantilla al no ser demasiado básica, no funciona este ejemplo a la perfección. He probado también con el ejemplo de pizcos y me pasa lo mismo...

Cuando me refería a ponerlo en otro lugar, quería decir que lo mismo existe otra etiqueta que aparece tanto en titulo de la entrada, como en la entrada expandida, y después justificarlo con css. No se si estoy diciendo una tontería... es posible.

Probaré con una plantilla básica a ver que tal, si no pues ire probando otras cosas.

Gracias :)

Rosa

Azahar No tendría que influir el tipo de plantilla...
Ponerlo en otro sitio no sería posible, ya que sino es así, tendría que ser dentro de la entrada y quedaría horroroso.

Azahar

Bueno, empezando de nuevo con el ejemplo de pizcos y borrando todo lo que había probado con el tuyo, si me funciona. Debe de ser algo de mi plantilla.

Gracias!

Anel

Hola Rosa nuevamente molestandote, es q me veo tantas cositas en tu blog q me provoca modificar el mio y resulta q quiero esto poner enlace arriba de comentario, asi como lo que publicastes, si segui los pasos cuidadosamente y no me sale primero hice el enlace de comentarios en la parte superior, poniendo una huellita de imagen y me salio la imagen y el enlace en la pagina principal pero cuando entro alguna etiqueta me salia la imagen y el enlace en el pie de pagina, asi que intente la segunda opcion de arriba y abajo y resulta que si me sale la imagen y el enlace en la pagina principal arriba y abajo pero al entrar en alguna etiqueta o algun post solo no me sale la imagen de enlace en la parte de arriba, ojala me puedas decir en q esta mal
gracias por tu tiempo

Rosa

Anel Como siempre digo, los trucos que explico se da por entendido que son para una plantilla sin modificar en cada caso, es decir, puede estar modificada y lograr hacerse también, pero mis ejemplos son siempre tomando el código sin modificaciones previas...quizá tengas en esa parte aplicada una condicional o cualquier cosa de estas...
De todos modos, entre los primeros comentarios, encontrarás un enlace a el blog de Pizcos con una forma mucho más sencilla de hacer esto mismo...prueba esa a ver como resulta...

Anel

hola Rosa me salio en la pagina principal y en la pagina de un solo post pero en categoria no me salio, ya lo dejare asi, gracias nuevamente

Rosa

Diego Arenas Para "mover" la burbuja, has de jugar con el margin: 5px 0 0 0;
Ve probando ahí con los valores y usando vista previa.

En la primera entrada te queda "dentro" porque la burbuja "pega arriba" y se baja, pero está igual que las demás...

Para que se encajen ahí tendrías que probar a mover el código que añadiste o probar antes con la misma línea de margin y sus valores...

El código que añadiste hablo del que va después de <b:includable id='post' var='post'> prueba a ponerlo más abajo en la plantilla y ve usando vista previa.

Diego Arenas

Hola gracias rosita como siempre te digo ;) he visto que queda mucho mejor con esta figura o icono

http://img222.imageshack.us/img222/9430/minicommentsyh3ie8.gif

Diego Arenas

Todo Gospel

Gracias por esto!! Lo estaba buscando hace tiempo.... Me sirve mucho y me salio al toque...

Angela

Hola de nuevo, Rosa.

Tengo un seeeerio problema. Ya antes he aplicado este truco y nunca me dio problemas... hasta ahora.

Cuando noté que no se veía la imagen, supe que algo andaba mal pero no le di mucha importancia porque al menos el enlace al lado del título estaba ahí.

Pero ahora, haciendo pruebas, me doy cuenta que si sigo el enlace a los comentarios, tanto en la parte donde se supone que va la imagen como al pie de las entradas, me direcciona a una página única donde están los comentarios. Es decir: no se ve ni el contenido de la entrada ni los elementos en las sidebars. SOLO se ven los comentarios. ¿Me expliqué bien?

Este es el blog de pruebas donde me sucede esto: http://prueba3-aesir.blogspot.com/

Si das clic en donde debería dirigir a los comentarios, verás que la página no deja ver la entrada o lo que hay en las sidebars.

Ojalá me podás ayudar, ¿sí? Porque seguí los pasos y no tengo ni idea de qué pudo haber salido mal. Te lo agradezco mil. ¡Ciao!

Rosa

Angela Si eso que dices y que veo en el blog es a causa de la aplicación del "truco" de esta entrada, entonces no puedes decir "seguí los pasos"...sino "creo que seguí los pasos" ya que está claro que algo no está colocado en el lugar correcto...lo único que puedo decirte es que vuelas a revisarlo todo o que lo retires y vuelvas a empezar...

Diego Arenas

Hola rosa como estas espero que bien ;) tengo una duda y es la siguiente......como hago para que la esfera siga apareciendo en el mismo lugar que en la pagina principal pero en la entrada completa aparesca tambien ?


Mi Blog

Diego Arenas

Rosa

Diego Arenas El efecto sigue el diseño de Blogger, así que como en Blogger no se muestra el enlace de comentarios nada más que en la página principal el efecto hace lo mismo... no me parece buena idea cambiar eso...pero si quieres hacerlo, prueba eliminando esta línea en el código:
<b:if cond='data:blog.pageType != "item"'>

y uno de los </b:if> que están debajo... aunque no se si esto dará otro tipo de problemas...

Diego Arenas

Hola rosa muchas gracias por responder ya lo he conseguido :D quitando esas lineas de codigo...

PD: Si sale algun problema por esta modificación estare avisando :O

Diego Arenas

Rosa

Diego Arenas No, no, estate tranquilo... me lié yo con otra cosa... todo está bien.:D

Juan Ortega

Como puedo poner una imagen en la parte de abajo? Donde dice el numero de comentarios, que en vez de mostrarse en letras aparezca una imagen con el numero de comentarios y el enlace para ver los mismos...

Rosa

Juan Ortega Lee esta entrada, en ella se explica como ponerlo arriba y también como conservarlo abajo... solo tienes que hacer lo mismo pero sin añadir el efecto arriba...

© ۞Jair Octavio۞

Emm le movi como siempre pero todo lo hago desde el blog de PRUEBAS y mira quedo hice lo segundo (Conservar los dos enlaces, una arriba con imagen y el de siempre debajo de la entrada) y mira quedo pero no sale arriba de: ۞ *Jair Octavio* ۞ que es donde iva la fecha, que deshabilite como me dijiste, y pues le movi el padding y si bajaba pero no se podia subir, a lo mejor es cosa de otros codigos.

http://jairoctaviopruebas.blogspot.com/

Luego otra cosa sale el texto: Leave a Comment que no me gusta y pues ahi hice todo esto, por que los primeros datos salian de forma diferente y pues como dices todas las plantillas no son iguales, que me recomiendas je je...

Rosa

© ۞Jair Octavio۞ La forma que tengo de ayudar es a través de las entradas... puedo orientar, pero no controlar todo... hay cientos de plantillas en la red que no son de Blogger original y de las que no puedo saber como están diseñadas... tendrás que tratar de conseguir por ti mismo lo que quieres en muchas ocasiones, no puedo ir diseñando a todos el blog como quieren, no podría entonces salir de mi PC...

El "leave a comment" sale así por eso mismo... porque no es un diseño original ni de alguien que diseñe en castellano... localiza esa frase "Leave a comment" en la plantilla y cámbiala por la tuya.

© ۞Jair Octavio۞

Ok lo checare, y modificare la parte de las fechas...

Al menos que en el MENU se las quite por cuestiones de estetica.... Mil gracias Rosita.

© ۞Jair Octavio۞

Hola Rosita ¿Que Crees? fijate que gracias a esta entrada fui haciendole como va, solo que me di cuenta que no encontraba el codigo tal cual es obvio por que son distintas todas las plantilllas.

Asi que lo corte y lo fui pegando sobre cada <span class que iva encontrando asi pues di en el que va en lugar de la fecha y mocos ahi lo deje.

Hoy me encargue de hacer eso y las modicficaciones correspondientes tanto el el diseño de la imagen .png tanto como en el leave coment y si me quedo muy muy bonito...

Y pues como siempre te digo (escribo): mil gracias nuevamente rosita, asi como dijera Rocio eres un SOL, je je je...

Salu2 nos leemos despues...

© ۞Jair Octavio۞

Perdón me falto pegarte el link:

http://jairoctaviomenu.blogspot.com/

Es el del menu ahi en el titulo a la derecha ahi esta donde dice: Anota Tus Comentarios Aqui... salu2...

Rosa

© ۞Jair Octavio۞ Genial! Has sabido perfectamente y con paciencia adaptar todo a tu plantilla...:D

Kinoko Power

Saludos Rosa!!
Pues basicamente es una consulta respecto al color.
Intente aplicarlo como lo describes en el post 15 y en el 94, pero sin resultados, a que crees que se deba, es decir tengo la plantilla un tanto modificada.
El otro detallito es que, por lo mismo de que esta dentro de un div el link para el comentario no se puede pulsar, pues en vez de eso solo se selecciona el link del título.

Bueno Rosa, eso es todo, como siempre muchas gracias por tu ayuda!!

© ۞Jair Octavio۞

Hola Rosita, si lo que necesitaba es eso: PACIENCIA je je je para que me saliera bien y gracias a ti ya lo hice ahora ni moverle je je.

Mira te dejo el link de tu imagen que puse para enlazarte, la edita dandole un poco mas de color y poniendole sombra:

http://img441.imageshack.us/img441/1998/escaparatederosa.png

ahora se ve como las mias je je... salu2...

Rosa

Kinoko Power Para el color intenta usar # en lugar del punto delante de las instrucciones del CSS...

En cuanto a lo que dices del enlace y el div, no tengo idea, la verdad que en tu código fuente el enlace a comentarios aparece correcto, con el #comment al final...no se porque en la vista real del blog lo pierde y enlaza a la entrada, quizá sea por lo que dices del div, aunque no debería... el div podría influir en su aspecto pero no en un enlace en si...

Rosa

© ۞Jair Octavio۞ Gracias por tomarte la molestia...está bien lindo! :D

Kinoko Power

Hola otra vez Rosa!
Aún no soluciono lo del color...caray que estuve jugando un poco y ni así! jeje.
cambie el .comment-link2 por #comment-link2 como lo has sugerido pero al hacer eso, ya no reconoce las propiedades.

Seguire intentando, y muchas gracias por tu ayuda y pronta respuesta! eres super!

Kinoko Power

Vaya! por lo menos ya solucioné lo del enlace! ya funciona...solo agregue position: absolute;
ahora solo el detalle del color jajaja!! bueno ya no me siento taaaan frustrado!

Angela

¡Hola de nuevo, Rosa! Pues estoy haciendo un nuevo diseño para mi blog, ¡y no desisto en este truco!

Ahora sí puedo ver la imagen, pero he hecho también que el título de la entrada quedara en un recuadro con color. Me gustaría que la burbujita con el número de comentarios quedaran por encima del recuadro con el título de la entrada, y no por debajo (como me está quedando ahora).

Veo que en el escaparate la imagen que tienes con el número de comentarios queda por encima de una línea que subraya el título de la entrada por todo el ancho de la misma (no sé si me expliqué bien), y quería ver si a partir de eso es posible hacer lo que yo quiero con mi nuevo diseño.

Eso sí, es importante mencionar que estoy haciendo estos cambios a partir de los nuevos templates de blogger, que se hacen con la nueva función de diseño. No sé si eso de alguna manera cambia mucho el código y por tanto se me dificulte hacer lo que quiero :s

Ojalá puedas ayudarme. Este es el enlace para que veas el nuevo diseño: http://aesir4-prueba.blogspot.com

¡Gracias de antemano por tu ayuda!

Rosa

Angela Pues no puedo ayudarte de momento... los nuevos diseños de Blogger son bastante distintos en sus códigos, aún me queda a mi bastante para llegar a entenderlos...
En mi caso no es una imagen lo que ves, sino un borde añadido con color, no obstante está colocado exactamente como explico en esta entrada.

Angela

Ah, está bien. Muchas gracias, Rosa. Entonces veré cómo hago semejante a lo tuyo, que te quedó muy bien!
¡Hasta pronto!

Malina

Rosa aquí estoy :)
Lo que tengo es esto y me parece que es identico al paso 4, sin embargo a mi me aparece el texto al lado del número.

Rosa

MalinaChica, acabo de hacerlo yo ahora mismo tal como en el paso 4 y además directamente en el Escaparate, y el texto desaparece sin problemas... :O

Malina

Tienes razón Rosa! ya he dado con lo que era, y no pertenecía a los comentarios sino a las etiquetas.
Voy a buscar donde tienes para ocultar la palabra etiquetas en el post-footer, jajaja

Graciassssssss

Malina

Solucionado! ya logré quitar el texto que no quería que se viese.

Besotes!!

Jo

Hola Rosa :D
He utilizado por mucho tiempo esta soluccion y me gustò mchisimo, gracias!!! :D
Ahora querria hacer unos cambio, es decir:
no quiero ningun diseño, pero solo el numero de los comentarios con la escrita "comentario" (1 comentario, 15 comentarios, por ejemplo) y querria tambien utilizar un tamaño mas ancho y un color diferente...he probado haciendo unas modificas pero no consigo ningun cambio :((

Rosa

Jo
http://elescaparatederosa.blogspot.com/2007/07/sin-comentarios-1-comentario-x.html

Jo

Ehm...no Rosa :D
Yo queria decir que querria implementar esta modifica, pero me gustaria haber también la escrita "comentarios" debajo del numero...no se si me he explicado...espero que sì :)
Muchas gracias y besitos para tu amabilidad :D
Ago

Jo

vale Rosa, no te preocupas, he hecho todo sin problemas :D me faltaba solo una "/" :D bendita burbujita!
El unico problema que tengo es solo que estoy trabajando sobre el padding porque desearia que el numero de los comentarios fuese a la misma altura de data y titulo...pero no quiere subir...:((

Rosa

JoEstás usando la clase numComments en tu burbuja, así que para controlar eso tendrías que poner algo así en el CSS:
.numComments{
AQUÍ LOS PADDINGS Y DEMÁS..
}

Ago

Claro Rosa, estoy trabajando propio en aquel punto ;)

Lionel

Hola Rosa; tengo dos preguntas:
1. no se porque no me aparecen los números como links.
2. cuando expando la entrada se me va la numeración.
Mi blog es: probando--plantilla.blogspot.com

Lionel

ahh!! y otra cosa que me olvidé si ves en cuaquier entrada, los comentarios quedan subrayados por la línea del título. ¿Como hago para que el borde y el fondo tapen ese pedacito (como lo tienes tu)?

Rosa

Lionel Si salen sin link y solo en la págia principal está claro que algo está mal o colocado en mal lugar... revisalo.
La línea se superpone por lo mismo... porque no está bien colocado.

Lionel

Rosa Revisé el código y está donde tu dices. No se que pasa...
:(

Rosa

Lionel Yo si que no puedo saberlo... :S

Jo

Hola Rosa! Como estas? He visto que implementaste el codigo de Pizco para los comentarios en burbuja, lo he buscado aqui pero no lo he encontrado...yo querria hacerte una pregunta sobre este: yo lo implementé en mi blog de prueba y salio bien en las entradas y en la pagina principal, pero no es asì en las paginas estaticas donde se vé un poquito...como hiciste tu? yo he copiado todo el codigo bien...no entiendo...:((
Puedes ayudarme, por favor?
Mil besitos de todo corazon

Rosa

Jo Mi código no es el de Pizcos exactamente... es una "re-mezcla" :D
Mi cuadradito no es una imagen, sino que está hecho con CSS, y ni siquiera se como se vería en las páginas estáticas, pues yo en esas páginas lo oculto ya que no uso comentarios ahí...

CrIsThIaN.SmR

Una pregunta Rosa, tengo un proble (no es muy grave) lo que pasa es que cuando entro en un post mio no se ve el numero de comentarios.

http://awd-tutoriales.blogspot.com/

Rosa

CrIsThIaN.SmR Yo si lo veo... acabo de dejar un comentario de prueba y se sumó al número de comentarios... :O

Publicar un comentario en la entrada

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S