Pubblicato il 14/05/14e aggiornato il

Mostrare da quanti giorni è nato il blog e quanti articoli e commenti vi sono stati pubblicati

Come mostrare l'età del blog di Blogger e il numero di articoli e il numero dei commenti postati sul sito.
Se siamo particolarmente orgogliosi della autorità acquisita dal nostro sito su Blogger e che è data dal tempo intercorso dalla sua nascita, dal numero di articoli pubblicati e dal numero di commenti ricevuti possiamo mostrare ai lettori un widget che in modo automatico tramite un javascript mostri proprio questi dati.

Si utilizzano gli URL dei feed degli articoli e dei commenti per conteggiare questi parametri e si possono personalizzare a piacere il testo e i colori delle scritte. Si può opzionalmente anche inserire uno sfondo colorato e scegliere la famiglia di font.

Il codice può essere inserito su Layout > Aggiungi un gadget HTML/Javascript oppure anche in una pagina statica in Modalità HTML.

blo-online-numero-post-commenti

Il codice utilizzabile è il seguente

<div align="center"><div style="width:300px; 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.ideepercomputeredinternet.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.ideepercomputeredinternet.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script> commenti.</span></div></div>

dove le parti colorate di rosso sono personalizzabili e riguardano i colori, la famiglia di font, la larghezza del widget e il grassetto (bold). Fondamentale inserire la data di nascita del blog al posto di quella di questo sito (28,01,2008). Le espressioni colorate di blu sono il testo che che può essere modificato a piacere e che è auspicabile non contengano apostrofi. Lo script precedente si aggiornerà automaticamente ma non potrà conteggiare i commenti inseriti esternamente a Blogger come quelli su Google+, Facebook o Disqus.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.