Configuración:
.
Biología
.
Botánica
.
Tecnología
.
Sociedad
A mis trece años de edad, el día 2 de Diciembre de 2007 inicié ‘El Balcón de Jame’. Este humilde espacio, cuyo secreto siempre fue el de compartir sin recibir nada a cambio, me dio la oportunidad de conocer un mundo nuevo, un entorno en el que me sentía yo mismo.

Hoy, 17 de abril de 2011 finalizo esta etapa de mi vida con una gran sonrisa y junto al recuerdo que este blog y cada unos de vosotros me habéis concedido.

He sido bloggero.

Jaime Trujillo Escobedo.

Número de comentarios en una burbuja o bocadillo

Un artilugio más para las entradas del blog. Se trata de una pequeña burbuja o bocadillo que contiene en su interior el número de comentarios publicados en cada post.

La instalación será rápida y obtendrás como resultado un elemento que a simple vista, llama la atención, por lo que más lectores se verán interesados en comentar.



Diseño>Edición de HTML>expandimos artilugios



Busca la etiqueta </head> y justo antes o encima añade una de estas líneas, según el color de la burbuja que desees:



<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJazul.css" type="text/css" media="screen" />



<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJverde.css" type="text/css" media="screen" />



<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJgris.css" type="text/css" media="screen" />



<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJrojo.css" type="text/css" media="screen" />



<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJrosa.css" type="text/css" media="screen" />



<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJamarillo.css" type="text/css" media="screen" />



<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJgris2.css" type="text/css" media="screen" />

Para personalizar el color del texto (números) que aparecerá en el bocadillo puedes añadir esto bajo la línea:

<style>.blJJComentBu a:link{color:CODIGO;}.blJJComentBu a:visited{color:CODIGO;}</style>

Reemplaza el término CODIGO (en ambos casos) por el código de tu color (utiliza la tabla de colores).

Una vez hecho esto, busca la siguiente etiqueta:

<b:if cond='data:post.title'>

Debajo agrega este código:

<span class='blJJComentBu'><a expr:href='data:post.addCommentUrl'><data:post.numComments/></a></span>

Haz vista previa para comprobar el resultado y guarda la plantilla para terminar.

José R. González dice...

¡Genial Jaime! Buscaba justo este tipo de globo para comentarios :) Gracias, un saludo

Lady Madrid dice...

Desde que he descubierto tu blog el mío parece otro ;)

Anónimo dice...

hola, segui este paso y me resulto, pero en las entradas de mi blog sigue apareciendo el otro enlace de comentarios (por defecto), y al desabilitarlo en la opcion de entradas de la pagina de diseño de mi blog, anulo a la vez la opcion de que los lectores dejen comentarios, eso es lo que se me presenta
y gracias por esto, me parece muy bueno, gracias

Jaime Trujillo Escobedo dice...

Queda perfecto, José R. González y conjunta muy bien tanto con el color como con la fuente de texto de los títulos. Gracias a ti por comentar.

Jaime Trujillo Escobedo dice...

Me alegra tanto leer eso, Lady Madrid. Hiciste muy bien en colocar la burbuja con degradado, resulta muy elegante.

Jaime Trujillo Escobedo dice...

Anónimo, ¿Has probado a eliminar el código perteneciente al enlace del post-footer o pie de entradas?

Busca algo similar a esto en tu plantilla (con los artilugios expandidos) y bórralo:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
</b:if>
</span>

Laube dice...

Está muy bien!!!! Voy a probar a ver si queda bien con mi plantilla...
Un besote Jaime

Toni dice...

Me ha gustado mucho esta entrada jaime, como siempre aportando ideas geniales :)

Jaime Trujillo Escobedo dice...

Perfecto Laube. Si te gusta el resultado pero no el color de la burbuja avísame ya que puedo editarla con la tonalidad que más te guste.

Jaime Trujillo Escobedo dice...

¡Gracias Toni! Se ve muy elegante la burbuja con degradado en tu blog.

Echevarria dice...

Grande!!!! lo que estoy aprendiendo no tiene precio!!!!

Solo una cosa, el numero de entradas me sale subrayado, como lo podria quitar???

Sigue asi!!!!!

No pienso que puedo, se que puedo

Ana Laura dice...

Me ha quedado perfecto, muchísimas gracias por esta solución tan fácil para lograr el efecto.

Saludos y felicidades!

Jaime Trujillo Escobedo dice...

A decir verdad pensé en tu plantilla, Ana Laura, cuando redactaba la entrada. Sin duda el bocadillo amarillo canela conjunta a la perfección con el fondo de tus entradas.

¡Feliz Navidad, amiga!

Jaime Trujillo Escobedo dice...

Por supuesto que puedes deshacerte del subrayado en las cifras, Echevarria. Añade esta línea bajo la primera que añadiste conforme al diseño de la burbuja:

<style>.blJJComentBu a:visited, .blJJComentBu a:visited{color: #333333;text-decoration:none;}</style>

Lille Skvat dice...

Muchísimas gracias. Ha quedado muy bien. Lo puedes ver en
Lille skvat. ¡Un saludo!

Jaime Trujillo Escobedo dice...

Lille, sin duda el color amarillento queda muy bien en tu blog. ¡Gracias a ti por comentar!

Trébede dice...

Hola Jaime,

En primer lugar muchas gracias por todo lo que nos facilitas arreglar nuestro blog.

He instalado este artilugio, me queda muy bien, pero quería saber si es posible hacer que se pueda clicar en él y mande directamente a los comentarios, no que sea solo una imagen con el número. Creo que me sería muy útil.

¿Es posible hacer esto?

Muchas gracias por la ayuda

Salu2

Juan

Jaime Trujillo Escobedo dice...

Trébede, me extrañó leer tu comentario pues es un enlace lo que realmente incluímos con la imagen (al pulsar sobre ésta accedemos a los comentarios del blog). Por algo relacionado con la plantilla que utilizas el enlace no funciona.

Prueba a utilizar este otro código en lugar del citado en el último paso:

<a expr:href='data:post.addCommentUrl'><span class='blJJComentBu'><data:post.numComments/></span></a>

Indeziisoow dice...

Me quedó perfecto en el blog. Muchas gracias por la ayuda. :D

Jaime Trujillo Escobedo dice...

Además, la burbuja azul conjunta con el título de tu blog, Indeziisoow. Gracias a ti por tu bello comentario.

Pilar dice...

Hola,
¿Cómo puedo hacer para que el "bocadillo" me quede en el mismo lugar en el que ponía "X comentarios"?

Jaime Trujillo Escobedo dice...

Pilar, ¿Te refieres a trasladarlo al pie de las entradas?

Escribe tu comentario en la entrada...

El Balcón de Jaime fue terminado el 17 de abril de 2011. Leer despedida.

Me gustaría conocer tu opinión. El comentario será moderado y en breve se publicará.

Si deseas incluir un enlace utiliza este código:

<a href="Dirección de tu página">Titulo del enlace</a>

Para publicar un código haz uso del Conversor de entidades.

Intenta escribir sobre algo relacionado con el artículo. Si no lo haces, podría tardar en responderte.

¿Problemas al comentar? Utiliza el formulario antiguo