28 diciembre 2010

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.

Escrito por:

Mi nombre es Antonio, soy sobre todo Sevillista y apasionado con los blog desde el 2007.

Sígueme en: | Facebook | Twitter | Google+

1 comentarios :


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"