lunedì 13 luglio 2009

Due nuovi gadget per BloggerStat

BloggerStat è un contatore per Blogger che ho realizzato qualche mese fa, mostra in un unico gadget il numero totale dei post e dei commenti presenti nel proprio blog. Oggi ho deciso di fornire due nuovi gadget per BloggerStat, uno per i post e un altro per i commenti.


BloggerStat

Installazione
I due gadget, come nella prima versione di BloggerStat, sono del tipo HTML/JavaScript e l'installazione è praticamente identica. Quindi riporterò solo il codice dei due gadget da inserire nel punto 4 della procedura illustrata per la prima versione di BloggerStat.

BloggerStat per i post:
<!-- BloggerStat per i post: Inizio --><!-- Created by WebLogin (http://web-login.blogspot.com) --> <style>.bloggerstat2 { width: 100px; background: transparent; font-family: arial, sans-serif;  font-size: 9px; font-weight: normal;  text-decoration: none; text-align: center; color: #000;}.bloggerstat2 a:hover {text-decoration: underline;}.count_bloggerstat2 { padding: 1px; background: #CC0000; /* Colore del gadget. */ border: 1px solid #000;}.num_bloggerstat2 { width: 46px; padding: 1px; background: #fff; /* Colore dello spazio dei numeri del gadget. */ border: 1px solid #000; color: #000; /* Colore dei numeri del gadget. */}.type_bloggerstat2 { width: 44px; padding: 1px; background: transparent; 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="bloggerstat2"> <table class="count_bloggerstat2">  <tr>   <td class="num_bloggerstat2">    <script src="http://nome_blog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>   </td>   <td class="type_bloggerstat2">Post</td>  </tr> </table> <div><a href="http://web-login.blogspot.com/2009/07/due-nuovi-gadget-per-bloggerstat.html">By WebLogin</a></div></div><!-- BloggerStat per i post: Fine --> 

BloggerStat per i commenti:
<!-- BloggerStat per i commenti: Inizio --><!-- Created by WebLogin (http://web-login.blogspot.com) --> <style>.bloggerstat3 { width: 100px; background: transparent; font-family: arial, sans-serif;  font-size: 9px; font-weight: normal;  text-decoration: none; text-align: center; color: #000;}.bloggerstat3 a:hover {text-decoration: underline;}.count_bloggerstat3 { padding: 1px; background: #CC0000; /* Colore del gadget. */ border: 1px solid #000;}.num_bloggerstat3 { width: 46px; padding: 1px; background: #fff; /* Colore dello spazio dei numeri del gadget. */ border: 1px solid #000; color: #000; /* Colore dei numeri del gadget. */}.type_bloggerstat3 { width: 44px; padding: 1px; background: transparent; 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="bloggerstat3"> <table class="count_bloggerstat3">  <tr>   <td class="num_bloggerstat3">    <script src="http://nome_blog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script>   </td>   <td class="type_bloggerstat3">Commenti</td>  </tr> </table> <div><a href="http://web-login.blogspot.com/2009/07/due-nuovi-gadget-per-bloggerstat.html">By WebLogin</a></div></div><!-- BloggerStat per i commenti: Fine --> 

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

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


Aggiornamento: Nuova versione di BloggerStat, il contatore per Blogger

4 commenti:

# - 15/07/09, 03:41

Azzurra Camoglio ha detto...

Ho provato a inserirlo, ma nel momento in cui si cambia il colore di background, non vengono più visualizzati i numeri all'interno dei box.

Mi piacerebbe inoltre poterli affiancare, mentre copiando il codice vengono impilati in verticale anche se si fa partire il codice del secondo nel punto esatto dove termina il codice del primo...

# - 15/07/09, 11:48

Giuseppe ha detto...

@Azzurra, puoi modificare 3 colori: il colore del gadget, dei numeri e il colore dello sfondo dei numeri. Nel codice ci sono i commenti che indicano dove fare la modifica.

Per affiancarli, invece, devi utilizzare la proprietà "float"... Vedi l'email che ti ho inviato ;-)

# - 15/07/09, 14:12

Azzurra Camoglio ha detto...

Tutto perfetto, grazie!!!

# - 16/07/09, 11:23

Giuseppe ha detto...

@Azzurra, :-)


Ti è piaciuto questo post? Allora cosa aspetti, iscriviti al feed RSS
Scopri cosa sono i feed RSS e migliora il tuo modo di navigare.

Posta un commento