Gadget: numero di post e di commenti

Ti piacerebbe inserire nel tuo blog un piccolo widget che mostra il numero dei post scritti e il numero di commenti? Se la risposta è si, allora sei capitato nel posto giusto.

Il widget in questione si chiama: BloggerStat ed è stato scritto da Weblogin, un bravissimo blogger italiano.

L'istallazione è veramente molto semplice, bastano 2 minuti di orologio.

Per prima cosa, dalla bacheca di blogger vai su Layout->Elementi pagina, poi clicca su "aggiungi un gadget", tra quelli elencati scegli il tipo "HTML/JavaScript".

Infine copia e incolla questo codice:

<!-- 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;">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 -->


Naturalmente al posto di http://nome_blog.blogspot.com devi inserire l'url del tuo blog.

Infine salvate e posizionate il widget dove più vi piace!! Puoi sbirciare BloggerStat in "azione" qui sul mio blog.

Per i più bravi, potete anche personalizzare il gadget (sfondo, carattere, dimensioni...) variando i css!! ;)