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.
¿Problemas al comentar? Utiliza 
¡Genial Jaime! Buscaba justo este tipo de globo para comentarios :) Gracias, un saludo
Desde que he descubierto tu blog el mío parece otro ;)
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
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.
Me alegra tanto leer eso, Lady Madrid. Hiciste muy bien en colocar la burbuja con degradado, resulta muy elegante.
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>
Está muy bien!!!! Voy a probar a ver si queda bien con mi plantilla...
Un besote Jaime
Me ha gustado mucho esta entrada jaime, como siempre aportando ideas geniales :)
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.
¡Gracias Toni! Se ve muy elegante la burbuja con degradado en tu blog.
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
Me ha quedado perfecto, muchísimas gracias por esta solución tan fácil para lograr el efecto.
Saludos y felicidades!
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!
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>
Muchísimas gracias. Ha quedado muy bien. Lo puedes ver en
Lille skvat. ¡Un saludo!
Lille, sin duda el color amarillento queda muy bien en tu blog. ¡Gracias a ti por comentar!
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
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>
Me quedó perfecto en el blog. Muchas gracias por la ayuda. :D
Además, la burbuja azul conjunta con el título de tu blog, Indeziisoow. Gracias a ti por tu bello comentario.
Hola,
¿Cómo puedo hacer para que el "bocadillo" me quede en el mismo lugar en el que ponía "X comentarios"?
Pilar, ¿Te refieres a trasladarlo al pie de las entradas?