Numero de comentarios junto al post

hola chicas hoy vengo con un tuto nuevo !!! sha la la  la ~~ les voy a enseñar como hacer que junto a su titulo de la entrada aparezca el numero de comentarios que tienen PERO muy personalizado ^^

Okii quedando claro a que nos referimos!

empecemos sha la la la ~~

 Diseño   >>> Edición de HTML   >>> Expandir plantillas de artilugios  

busca esta línea:

<b:includable id='post' var='post'>

una ves localizada esta linea, pegamos justo debajo el siguiente codigo:

<span class='post-comment-link-arriba' style='font-size:24px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3U9eo_r6szI_OlFXmZbbZWpDLzzyVKmRiYgrDL1dqhNlDnXuWoPzQDdPK4SjaLozNaEUuMkI9MScpj-fA9sjc-zTfs1QD3nwxFFBcHGAN0JIM2Y1wtR1TfD_k-N4Z2Blop4YXFnHPnzg/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a>

</b:if>

</span>

y..... taran    tendrás el número de comentarios arriba de la entrada muy kawaii y sexi 

Por supuesto puedes cambiar el icono por otro, sólo cambia lo que está en color amarillo por la URL de tu icono.

Si cambias el icono deberás cambiar donde dice width (ancho) y height (alto) por las medidas del nuevo que has puesto.

El tamaño de los números se cambia donde dice  font-size:24px; y la posición de los mismos en donde dice padding:5px 7px 0 5px;

les he hecho unas fondiitos para sus numeros de comentarios ^^ los hice con mucho cariño espero les gusten okii.....

sus medidas son de  width:84px; height:80px

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1dLw-SMMiUvQBvTKAlDPXDPcBxcVDC8LIo4z3LQmxF7FkTfEjp6XESBlTJZxwzGMZ-9aWwVwo0PRHl-vt2J4dO8AKAlVhEsAyI1Ajr7RZa4QnRAOdbyvWqM-cENHW2SQGcQE4_u6I9e7Z/s1600/xfiosdeluz25mmmb.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitrI2JyCsgihcBbJeuUcCNhJeg4wzOR6MzN8JJuu4Mmmpbrr6E0xSiY-fvZ64_LDU4Vl9RmgYnt2EthGe4qX1emykDLshNnnO2iD7XbtYRH1GOrxdVIcLXQjZ_XcMRwL69noUvJyswWt5b/s1600/xfiosdeluz25mmm.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf65FdEyQO8jinhPuzXvM0isAXwxqzLNUMrT8WjiAcvY2K-VMlesXCSE8rUtrF7154SDfMxmBn_RURyzcvO7SzsPX1zrw0HjBJ6_iz6UVnBAhZqNDQuAoCE5Lg7oGiUmHhjxGOLC834U2-/s1600/ui8+.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBpgjMgM2IvWoaxrW_PXaQIJHYqHoC-SYfs6P5MjWt7W726tdGktSX1JSvTYOW8EALntc1559o_VG_YhNxPXuKkr26MFIloRwKA8FjHM4j6h1WhWUdLyxieRySSMRU4b8l2qpYNaQv4q2R/s1600/sw.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggu2cV4X1gR5Q6eeOdwHnkiQ0gL2YG1gl4idE5-IpMdAdYBQQhvJmd1RaipY7tt_7otgbiYcgGsJItbQp0IRo_YMVaFMe-Y4Rzj9d59JU9vNjk7ELDQk24xKI8cCe01VcUc6zKUB2XBdja/s1600/ijpojp.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1ybufPjpsINF_D4hiPmSSlsUa4RjJb5qyrAN7FbB7MStc9R6ixDGzgZQVnI1iZ4ZDIrRFCfXyFemIPfMgEiemSHKwlbaNTf72Geu7vLiCQ7uoTPBxAIcZL6S9ITsdVhAOS7SZJFpDOVmA/s1600/comment_bubblef_10+copia.png

esta esta mucho mas grande sorry x.x

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjec83CXNK8bf0_HrLj03ZsVU_iPr_KSR0PqzUw6RaRqrIx-j3JMw0ZLV0bxac1vW6lT_TMftkfyrAEE8VqhPS7f37jPs9dmfNSMNxNul0gJ_p6BF00oGw5cFwifxEbVqrJ_CTzPAM_o7Ho/s1600/png+by+annyz+blog+(20).png

 Notiita: para que quede super mas liindo tienes que lograr que el numero quede justo dentro de la cajiita (imagen) de comentarios okii! no puede quedar ni muy allá ni peor acá   :P

No olviden cOmentar y  si tienen alguna duda o problema con este tuto o codigo olo que sea no dude en consultar conmigo okii ^^