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 -->
   <style>
   
   .gadget_stat {
   width: 110px;
   height: auto !important;
   min-height: 25px;
   padding: 4px;
   background: #CC0000; // Sfondo della parte superiore del gadget
   border: 2px solid #CC0000;
   }
   
   .gadget_stat ul li {
   clear: both;
   font-family: Verdana, Arial, Sans-serif;
   font-size: 0.75em;
   text-align: left;
   color: #fff;
   border: none;
   }
   
   .credit {
   width: 110px;
   padding: 2px 4px 2px 4px;
   clear: both;
   background: transparent; // Sfondo della parte inferiore del gadget
   border: none;
   font-family: Verdana, Arial, Sans-serif;
   font-size: 0.75em;
   text-align: center;
   color: #000;
   }
   
   .credit a:hover {
   text-decoration: underline;
   color: #CC0000;
   }
   
   </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="gadget_stat">
    <ul>
     <li>
      <span style="float:left;">Post:</span>
       <span style="float:right;">
        <script src="http://nome_blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts">
        </script>
       </span>
     </li>
      <li>
        <span style="float:left;">Commenti:</span>
        <span style="float:right;">
         <script src="http://nome_blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments">
         </script>
        </span>
      </li>
    </ul>
   </div>
   <div class="credit">
    <a href="http://web-login.blogspot.com/2008/12/bloggerstat-mostra-il-numero-dei-post-e.html" target="_blank">Gadget per Blogger</a>
   </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 ;-)