Your SlideShare is downloading. ×
  • Like
Como añadir el botón comentarios arriba de cada post de blogger
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

  • 3,870 views
Published

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

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

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
3,870
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
24
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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