Pubblicato il 28/09/10 - aggiornato il  | 13 commenti :

Come mostrare il numero di articoli e di commenti che sono stati pubblicati nel blog.

Dopo che Blogger ha dato la possibilità di inserire i widget delle statistiche si può sentire l'esigenza di offrire ai lettori altre informazioni sul nostro blog. Mi riferisco al numero degli articoli pubblicati e a quello dei commenti che sono stati postati. Questi valori possono anche essere inseriti in un widget ma se si preferisce una impostazione più minimalista, può essere scelta la strada di inserire un semplice testo in una sidebar. Nell'esempio seguente il testo è stato incollato sotto al contatore delle visite

numero-post-e-articoli

Andate quindi su Design > Elementi pagina > Aggiungi un gadget > HTML/Javascript e incollate il seguente codice

Su questo blog sono stati già pubblicati <span style="color:#940F04; 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></span> articoli e sono già stati postati <span style="color:#940F04; 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></span> commenti.

Il testo di colore arancione può essere cambiato con un altro a piacere. L'URL del blog deve essere sostituito con quello vostro in modo da acquisire i feed degli articoli e dei commenti. E' possibile anche scegliere il colore dei numeri sostituendo  #940F04 con un altro valore. Con questo codice il colore del testo sarà quello della sidebar; si può personalizzare inserendo degli attributi di stile. Mi limito a fare l'esempio della prima parte del testo

<span style="color:#003366; font-family:arial; font-weight:bold;">Su questo blog sono stati già pubblicati</span>

per averlo in grassetto (font-weight:bold;), colorato (#003366) e con i caratteri della famiglia Arial.





13 commenti :

  1. Grazie sei sempre una fonte inesauribile di idee utili!
    Volevo chiederti se è possibile giustificare il testo ed eventualmente come.
    Ciao Veggie

    RispondiElimina
  2. @Veggie
    Se usi Windows Live Writer puoi utilizzare questo metodo
    http://www.ideepercomputeredinternet.com/2010/07/come-giustificare-un-articolo-con.html
    Si può fare anche con l'Editor di Blogger, selezionando il testo e cliccando sull'apposita icona che poi è quella standard.
    Ciao

    RispondiElimina
  3. :-DD ma no, volevo dire se è possibile giustificare il testo del gadget appena inserito, cioè quelle poche righe di questo articolo, perché non mi piace così, come non mi piace quello del profilo che ha lo stesso problema.
    Dato che hai spiegato come cambiare i colori e i caratteri, mi chiedevo se ci fosse anche la possibilità di giustificare il testo.
    Se poi ci facessi un bell'articolo su come giustificare anche il profilo su blogger saresti un angelo!
    Ciao Veggie

    RispondiElimina
  4. @Veggie
    Come l'ho inserito adesso ti piace?
    devi inserire all'inizio del codice questa stringa
    < span align="justify" > e alla fine di tutto il codice quest'altra < /span >.
    P.S. Ho dovuto inserire degli spazi tra i segni di maggiore e minore e i tag altrimenti non mi prendeva il commento

    RispondiElimina
  5. Infatti anche il tuo sta meglio così ora.
    Il mio ha ignorato la parte di codice "span" e ha preferito la p.
    Invece il testo del profilo non accetta codici in generale, perlomeno non inseriti dal testo.
    Grazie Parsifal32
    A presto Veggie

    RispondiElimina
  6. ciao sono marco e seguo sempre il tuo blog..Avrei però una domanda, all'entrata di questo blog: http://streaminrete.blogspot.com/ spunta dal basso un banner di adsense e vorrei sapere come fa visto che lo voglio mettere anche io nel mio blog ma non ho la minima idea di come si possa fare..Sapresti dirmi come posso fare? grazie mille

    RispondiElimina
  7. Non è di Adsense ma di Heyos. Ti devi iscrivere e incollare il codice nel modello. Ecco le istruzioni

    http://www.guadagnareconadsense.net/2010/08/30/come-iscriversi-a-heyos-e-come-installare-banner-tooltip-e-altre-creativit/

    RispondiElimina
  8. Ciao, è da un pò che non ci si sente :-)
    ho scopiazzata anche questa tua idea che trovo davvero carina. Grazie mille e buona giornata
    Ciao

    RispondiElimina
  9. Ciao Parsi stavo cercando di mettere un contatore all'interno del modello (e non in un gadget HTML) ma ci sono come al solito problemini...
    Mi dice:
    Non è stato possibile analizzare il tuo modello, in quanto non è strutturato correttamente. Assicurati che tutti gli elementi XML presentino il tag di chiusura richiesto.
    Messaggio di errore XML: The reference to entity "callback" must end with the ';' delimiter.
    Error 500
    sai come ovviare?
    Grazie!

    RispondiElimina
  10. @Giogiogal
    Guarda che in queste ore molti utenti stanno avendo problemi con Blogger (pure io). Può darsi quindi che si tratti di cosa momentanea perché questo codice funziona sicuramente. Per inserirlo nel modello però conviene convertirlo in XML con il solito strumento
    http://blogcrowds.com/resources/parse_html.php

    RispondiElimina
  11. Ma certo come ho fatto a non pensarci!
    Grazie!!!

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy