BloggerStat, mostra il numero dei post e dei commenti

BloggerStat è un semplice gadget per Blogger che ho realizzato, mostra il numero totale dei post e dei commenti presenti nel proprio blog. L'installazione è molto semplice, si tratta di un "gadget di tipo HTML/JavaScript".

Installazione

1. Accedere a Layout->Elementi pagina e premere su "Aggiungi un gadget".
2. Scegliere il gadget di tipo "HTML/JavaScript".
   

   

3. Assegnare nella textbox "Titolo" un nome al gadget (Titolo può anche essere lasciato vuoto).
4. Copiare e incollare il seguente codice nella textbox "Sezioni del sito":
   

   <!-- BloggerStat: Inizio -->
   <!-- Created by WebLogin (http://web-login.blogspot.com) --> 
   <style>
   .bloggerstat1 {
   width: 120px;
   background: transparent;
   font-family: arial, sans-serif; 
   font-size: 9px;
   font-weight: normal; 
   text-decoration: none;
   text-align: center;
   color: #000;
   }
   
   .bloggerstat1 a:hover {text-decoration: underline;}
   
   .count_bloggerstat1 {
   padding: 2px; 
   background: #CC0000; /* Colore del gadget. */
   border: 1px solid #000;
   }
   
   .type_bloggerstat1 {
   width: 48px;
   padding: 1px;
   font-size: 10px;
   text-align: left;
   color: #fff;
   }
   
   .num_bloggerstat1 {
   width: 54px;
   padding: 1px;
   font-size: 10px;
   text-align: right;
   color: #fff;
   }
   </style>
   
   <script style="text/javascript">
   function numberOfPosts(json) {
   document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b>');
   }
   
   function numberOfComments(json) {
   document.write('<b>' + json.feed.openSearch$totalResults.$t + '</b>');
   }
   </script>
   
   <div class="bloggerstat1">
   <table class="count_bloggerstat1">
   <tr>
   <td class="type_bloggerstat1">Post:</td>
   <td class="num_bloggerstat1">
   <script src="http://nome_blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>
   </td>
   </tr>
   <tr>
   <td class="type_bloggerstat1">Commenti:</td>
   <td class="num_bloggerstat1">
   <script src="http://nome_blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>
   </td>
   </tr>
   </table>
   <div><a href="http://web-login.blogspot.com/2008/12/bloggerstat-mostra-il-numero-dei-post-e.html">By WebLogin</a></div>
   </div>
   <!-- BloggerStat: Fine --> 

5. Sostituire l'URL scritto in rosso con quello del proprio blog.
6. Salvare le modifiche premendo il bottone "Salva".

Questo è tutto, fatemi sapere nei commenti cosa ne pensate ;-)

Aggiornamento: Il codice è stato aggiornato il 13/07/2009.

P.S. BloggerStat è gratuito, ma non bisogna rimuovere i credits. Inoltre è possibile personalizzare i colori del widget.