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 ^^