Comentarios en burbuja

En esta entrada os enseño la forma de poner una burbuja en cuyo interior se ve el número de comentarios de cada entrada.
Quedaría más o menos así:

Manos a la obra:

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" />
<style>.blJJComentBu a:link{color:#ffffff;}.blJJComentBu a:visited{color:#ffffff;}</style>

<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJgris.css" type="text/css" media="screen" />
<style>.blJJComentBu a:link{color:#ffffff;}.blJJComentBu a:visited{color:#ffffff;}</style>

<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJrojo.css" type="text/css" media="screen" />
<style>.blJJComentBu a:link{color:#ffffff;}.blJJComentBu a:visited{color:#ffffff;}</style>

<link rel="stylesheet" href="https://sites.google.com/site/scriptsbalcon/b/balJJamarillo.css" type="text/css" media="screen" />
<style>.blJJComentBu a:link{color:#ffffff;}.blJJComentBu a:visited{color:#ffffff;}</style>

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.

Publicaciones Relacionadas