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

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.

Nessun commento

Lascia un commento

Blogger
Come adattare automaticamente i video alle risoluzioni dei dispositivi desktop e mobile (Responsive)

Come rendere Responsive i video di Youtube, di Vimeo e di altri siti di video-sharing per adattare il loro player alla dimensione del dispositivo con cui vengono aperti. Quando si vuole incorporare un video di Youtube si va sotto il Player e si clicca su Condividi -> Codice da incorporare …

Blogger
Come inserire una immagine di sfondo nei titoli dei post di Blogger.

Ho ricevuto questa strana richiesta in un commento sul sito che mi ha portato a scrivere questo instant post. Lascio ai lettori eventuali disquisizioni sulla bontà estetica dell’inserimento di uno sfondo con una immagine nei titoli dei post e passo a fissare alcuni punti di quello che sarà il prosieguo …

Blogger
Come aggiungere delle note con link in fondo ai post di Blogger e WordPress

Ho appena ricevuto una richiesta su una personalizzazione di un articolo di qualsiasi piattaforma per potervi inserire delle note cliccabili. Se ho capito bene la richiesta fattami ma penso proprio di sì mi si chiede se sia possibile inserire delle Note in un post mediante una simbologia standard come l’aggiunta …

Privacy Preference Center

Essenziali

I cookies “essenziali” sono i cookies strettamente necessari per consentire apposite funzionalità richieste. Alcune funzionalità dei nostri siti, quali ad esempio la login facilitata ai nostri servizi, non funzionano senza l’uso di cookies e sarebbe condizionata non solo la tua esperienza sul sito, ma anche la capacità di fare qualcosa di utile

google.com,facebook.com

Funzionali

I cookies “funzionali” vengono utilizzati per fornire servizi o per ricordare le impostazioni per migliorare la tua visita e l’esperienza nel nostro sito

facebook.com,google.com

Statistici

I cookies “statistici” raccolgono informazioni su come utilizzi il nostro sito web ed i nostri servizi, per esempio quali sono le pagine visitate, e gli eventuali errori che si possono incontrare. Questi cookies sono completamente anonimi e vengono utilizzati solo per aiutarci a migliorare come funziona il nostro sito e capire gli interessi dei nostri utenti.

facebook.com,google.com

Close your account?

Your account will be closed and all data will be permanently deleted and cannot be recovered. Are you sure?

Are you sure?

By disagreeing you will no longer have access to our site and will be logged out.