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
<!-- 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.
Sei forte trovi sempre cose bellissime un bacioneeeeeeeeeeeeeeeeee:)
RispondiEliminaGrazie Ilaria,
RispondiEliminacome al solito sei gentilissima. Ricambio il bacioneeeeeeeee :-)