Como añadir el botón comentarios arriba de cada post de blogger

4,203 views

Published on

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

1 Comment
0 Likes
Statistics
Notes
  • Ok, muchas gracias desde www.cerrajero-de-valencia.com
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total views
4,203
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
26
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Como añadir el botón comentarios arriba de cada post de blogger

  1. 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. 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. 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. 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

×