Come mostrare il numero di post e di commenti di un blog su Blogger

 

 

 

 

 

 

A seguito di un commento appena ricevuto visto che mi sarebbe stato difficile rispondere passo alla realizzazione di un instant post sul tema che mi è stato posto. Nel commento mi si chiedeva se fosse possibile creare un widget che mostrasse il numero totale di post pubblicati.
Con il javascript si può fare anche di più e si possono mostrare oltre al numero di post anche il numero dei commenti ricevuti e persino il numero di giorni di vita del sito.

Il risultato che si ottiene è il seguente:

con i tre dati calcolati automaticamente dal javascript. Ovviamente si possono personalizzare i colori dello sfondo e delle varie parti del testo. Non occorre neppure modificare il Tema. Si va su Bacheca -> Layout -> Aggiungi un gadget -> Base -> HTML/Javascript quindi in Sezioni del sito si incolla questo codice

 

<div align=”center”><div style=”width:280px; background:#fee; text-align:center;”>
<span style=”color:#036; font-family:Georgia; font-weight:normal;”>Questo blog è nato da </span><span style=”color:#f95b5b; font-family:Georgia; font-weight: bold;”><script>
var mesearray=new Array(“Jan”,”Feb”,”Mar”,”Apr”,”May”,”Jun”,”Jul”,”Aug”,”Sep”,”Oct”,”Nov”,”Dec”)
function contatore(yr,m,d){
var today=new Date()
var giorno=today.getYear()
if (giorno < 1000)
giorno+=1900
var meseg=today.getMonth()
var giornoday=today.getDate()
var todaystring=mesearray[meseg]+” “+giornoday+”, “+giorno
var paststring=mesearray[m-1]+” “+d+”, “+yr
var durata=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
durata+=” giorni,”
document.write(“” +durata+””)
}
//nascita blog: giorno, mese, anno
contatore(28,01,2008)
</script></span>
<br/><span style=”color:#036; font-family:Georgia; font-weight: normal;”>vi sono stati pubblicati </span><span style=”font-family:Georgia; color:#f95b5b; font-weight: bold;”><script style=”text/javascript”>
function numberOfPosts(json) {
document.write(‘<b>’ + json.feed.openSearch$totalResults.$t + ‘</b>’);
}
</script>
<script src=”http://www.miosito.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts”></script> articoli</span><span style=”color:#036; font-family:Georgia; font-weight: normal;”> <br/>e vi sono stati postati </span><span style=”color:#f95b5b; font-family:Georgia; font-weight: bold;”><script style=”text/javascript”>
function numberOfComments(json) {
document.write(‘<b>’ + json.feed.openSearch$totalResults.$t + ‘</b>’);
}
</script>
<script src=”http://www.miosito.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments”></script> commenti.</span></div></div>

Si va quindi su Salva e si trascina con il mouse l’elemento pagina nel punto in cui visualizzarlo dopo di che si clicca su Salva disposizione in alto a destra. Il codice funziona anche nei nuovi Temi di Blogger.

Lascia un commento