Pubblicato il 31/01/09 - aggiornato il  | 2 commenti :

Un widget che fa vedere il numero dei post e dei commenti presenti in un blog su Blogger. Si chiama BloggerStat.

Il widget è stato realizzato un paio di mesi fa da Weblogin e nel collegamento potete trovare il post originale.

Per inserirlo nel blog andare su Layout>Elementi pagina>Aggiungi gadget>HTML/Javascript

  • Si può fare a meno di inserire il titolo del widget
  • Copiare ed incollare il codice seguente nel campo Sezioni del sito

image



<!-- 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 li {
clear: both;
font-family: Verdana, Arial, Sans-serif;
font-size: 0.75em;
text-align: left;
color: #fff;
}

.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;">Articoli:</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 -->





L’URL del blog deve essere sostituito a nome_blog.blogspot.com scritto in rosso.



Non resta che salvare e visualizzare il risultato. Volendo possono anche essere personalizzati il colore di background, la larghezza e la famiglia di font usata.



A seconda del modello del blog può capitare che il risultato non sia esteticamente identico a quello presente nel blog di Weblogin.




2 commenti :

  1. Sei forte trovi sempre cose bellissime un bacioneeeeeeeeeeeeeeeeee:)

    RispondiElimina
  2. Grazie Ilaria,
    come al solito sei gentilissima. Ricambio il bacioneeeeeeeee :-)

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy