Boton / icono de comentarios en forma de burbuja, en la parte superior de cada post en Blogger

1. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
Como añadir el botón
“comentarios”
Arriba de cada post de
Blogger

2. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
Comentarios en cada post en la parte de arriba
La mayoría de las plantillas tienen el número de comentarios y su
enlace en la parte del footer del post, es decir, al final de la entrada, pero
igual podemos ponerlo arriba de la entrada encima de un icono para
que sea más visible y atractivo para los lectores.
Editamos nuestra plantilla y antes de ]]></b:skin>, pegamos
.numComments {
background: url(URL ALOJAMIENTO IMAGEN) no-repeat top right;
float:right;
text-align: center;
padding: 10px 0 0 0;
font-size: 150%;
width: 50px;
height:50px;
color: #fff;

3. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
}
.numComments a:link{
color: #CODIGO HEXADECIMAL;
}
.numComments a:visited{
color: #CODIGO HEXADECIMAL;
text-decoration:none;
}
.numComments a:hover{
color: #CODIGO HEXADECIMAL;
}
Vemos que podéis seleccionar
.numComments {
background: url(URL ALOJAMIENTO IMAGEN/numcomments.png)
no-repeat top right;◄ Aquí definimos la imagen y su posición.
float:right;◄ Posición de todo el elemento.
text-align: center;◄ Alineamos el texto.
padding: 10px 0 0 0;◄ Posicionamos el numero.
font-size: 150%;◄ Tamaño del número.
width: 50px;◄ Ancho del conjunto, la imagen es de 50*50 pixeles.
height:50px;◄ Alto del conjunto.
color: #fff;◄ Color de la fuente.
}
Ahora guardamos. Luego, expandimos artilugios, buscamos <b:if
cond='data:post.title'> y a continuación pegamos:
<span class='numComments'><a
expr:href='data:post.addCommentUrl'><data:post.numComments/></a><
/span>

4. http://jonia-consulting.blogspot.com
www.joniaconsulting.com
Apuntes de Internet Marketing
Iconos de “Comentarios” (sustituir en URL ALOJAMIENTO
IMAGEN/numcomments.png)
http://3.bp.blogspot.com/_WlrpZ6HxL6s/Sc09OJeH_DI/AAAAAAAAEBw/
5EJLQnjfelI/s1600-h/numcommentsA.png
http://2.bp.blogspot.com/_WlrpZ6HxL6s/Sc09Oie0FpI/AAAAAAAAEB4/U
2qz6RA6wvc/s1600-h/numcommentsAM.png
Referencias:
http://gemablog-.blogspot.com/2008/09/nmero-de-comentarios-en-forma-de.html
http://ciudadblogger.com/2010/05/numero-de-comentarios-arriba-del-post.html
http://www.pizcos.net/2008/09/nmero-de-comentarios-arriba-de-la.html