Mostrando el total de entradas y comentarios

11:01 AM  Makwarro  

Este es un script que mostrará en nuestra sidebar el número de entradas y comentarios totales de nuestro blog.
Una vez colocado el código dentro de un elemento HTML, el número de entradas y comentarios se actualizarán de forma automática.
Aunque ya es posible ver este widget funcionando e incluso la explicación pertinente en varios blogs de ayuda,  creo que la idea original ha sido de Pizcos, o al menos el ha sido el primero en publicar el código que yo sepa...

En el código solo es necesario cambiar donde dice "NOMBRE DE NUESTRO BLOG" exactamente por eso mismo: el nombre de nuestro blog tal como aparece en el navegador (no su título).


   
<script style="text/javascript">function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script> 
<script src=http://NOMBRE DE NUESTRO BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount></script> Entradas y <script src="http://NOMBRE DE NUESTRO BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentarios

 El resultado sería algo así:

120 entradas y 512 comentarios

 En la entrada de Pizcos al respecto, podéis ver una forma de presentar el widget con algo más de estílo.

Yo también he modificado el código para personalizarlo y he construido uno por si os apetece usarlo:

   
<div style="float: left;"><img style="width: 48px;" src="URL_DE_TU_IMAGEN"/></div><div style=" float: left; text-align: left;"> <script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script> <script src="http://NOMBRE_DE_TU_BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=showpostcount"></script> <span style="font-family: trebuchet; color: #33CC00;font-size: 15px;">Entradas</span> <br/> <script src="http://NOMBRE_DE_TU_BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showpostcount"></script> <span style="font-family: trebuchet; color: #33CC00;font-size: 15px;">Comentarios</span></div>
<div style="clear: both;"></div>

Fijaros que en este tenéis que añadir además del nombre de vuestro blog, la url de la imagen que vayáis a usar donde dice URL_DE_TU_IMAGEN y que en el caso de que la imagen escogida sea mayor que la de mi ejemplo (48px) tendréis que cambiar en la primera línea del código el width:48px; al tamaño del ancho de vuestra imagen.



Posted in: