Pubblicato il 18/05/12e aggiornato il

Elenco dei titoli di tutti i post in ordine cronologico o alfabetico.

Widget dell'Elenco degli Ultimi 2000 post pubblicati in un blog su Blogger ordinati secondo cronologia o alfabeto.

Avevo già presentato questo widget in un articolo di qualche tempo fa e la sua funzione era quella di mostrare un elenco degli ultimi 2000 articoli del blog ordinati secondo la cronologia o l'alfabeto. Il gadget era stato creato modificando un eccellente lavoro di Blogger Sentral e, come molti widget di questo genere, utilizza i Pipes di Yahoo.

In un commento mi è stato comunicato che il widget ha smesso di funzionare. Ho quindi pensato di riproporlo riveduto e corretto con la possibilità per tutti di creare il proprio Pipe.

Non c'è bisogno di modificare il template ma basta andare su Layout > Aggiungi un gadget > HTML/Javascript e incollare questo codice

<script type="text/javascript">
function getYpipeTL(feed) {
document.write('<ul style="font-weight:bold">');
var i;
for (i = 0; i < feed.count ; i++)
{
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + " commenti\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
document.write(pList);
document.write(pComment); //eliminare questa riga per non mostrare i commenti
document.write('</a></li>');
}
document.write('</ul>');
document.write('<div id="elnc" style="font-size:60%;text-align:right"><p><a href="http://goo.gl/eBUfH">Get widget</a></div>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.ideepercomputeredinternet.com
&Order=alphabet
&_id=401e43055731c1a29f1e1d3eb5e8e13f
&_callback=getYpipeTL
&_render=json"
type="text/javascript"></script>

Andare su Salva e posizionare il widget nella sidebar. Naturalmente un gadget di questo genere può diventare lunghissimo mostrando fino a 2000 post. Si può renderlo più compatto inserendo un cursore di scorrimento laterale mediante un codice da inserire all'inizio e alla fine di quello precedente

<div style="width: 290px ; height: 450px ; overflow: auto;">
Codice del widget dell'elenco dei post 
</div>

dove le dimensioni possono essere personalizzate.

widget-elenco-ultimi-post

Il codice dell'elenco degli ultimi 2000 articoli può anche essere inserito in una pagina statica andando su Pagine > Nuova pagina > Pagina vuota e incollandolo in modalità HTML. La personalizzazione del widget riguarda solo tre parametri:

  1. L'URL del blog (da inserire senza la slash finale)
  2. Il Tipo di ordinamento: chrono per l'ordine cronologico dei post o alphabet per quello alfabetico
  3. L'ID del Pipe di Yahoo da inserire al posto della stringa alfanumerica colorata di viola

Per il terzo punto si accede al Pipe dell'Elenco degli Ultimi Post e ci si logga con il nostro account Yahoo. Se non si possiede si può sempre crearlo sul momento.

Si clicca sul pulsante Clone per creare il nostro Pipe in modo da avere maggiore affidabilità sul funzionamento del widget. Si modificano i due campi inserendo l'indirizzo del blog (senza la slash finale e con il .com al posto del .it se non avete un dominio personalizzato) e il tipo di ordinamento. Si va su Run Pipe e nella parte bassa dovrebbero apparire tutti i titoli degli articoli

widget-titoli-post

Non vi resta che copiare l'ID del Pipe dalla riga evidenziata di giallo nello screenshot oppure dalla barra degli indirizzi del browser. Alla fine dell'elenco verrà visualizzato un link che punta a questo post per favorire la sua installazione a chi lo vedesse nei siti in cui è stato inserito. Se per ragioni estetiche non vogliamo visualizzare tale link, bisogna andare su Modello > Modifica HTML > Procedi, cercare la riga ]]></b:skin> e, subito sopra, incollare il codice

#elnc {display:none;}

Ricordarsi di salvare il modello. Di default accanto a ciascun titolo viene mostrato anche il numero dei commenti che ha ricevuto. Se non volete mostrare quel dato eliminate la riga colorata di blu insieme al commento colorato di verde.





45 commenti :

  1. grazie ma per il momento il mio funziona ancora bene , se sparisce torno qui e copio!

    RispondiElimina
  2. Ciao Ernesto, sarebbe possibile visualizzare una miniatura della prima immagine del post a sinistra del titolo nell'elenco? Grazie

    RispondiElimina
  3. Salve ... nell'elenco cronologico mi interesserebbe inserire anche la data del post ... è possibile? grazie

    RispondiElimina
  4. ernesto,ciao,
    scusa lo so che ti scoccio oggi,ma se metto il secondo spezzone di codice,quello per compattare, o se non lo metto,il risultato è lo stesso.
    ho provato a metterlo nella sidebar e immagina che fila lunghissima mi sono trovata di post...

    l'ho copiato ed inserito sia prima che dopo il primo codice,come hai spiegato bene,ma nulla.
    :(
    mi trovo la scritta "codice del widget dell'elenco del post"
    come ultimo rigo,alla fine.
    spero di essermi spiegata.
    e ti ringrazio comunque per aver creato un post dedicato e rinnovato :)

    RispondiElimina
  5. @Giuliana
    @LaCapannainParadiso
    Con questo widget si vedono solo i titoli. Se volete altri dati potete optare per la mappa del sito
    http://www.ideepercomputeredinternet.com/2012/03/come-creare-delle-mappe-del-sito.html
    oppure per una paginazione più complessa
    http://www.ideepercomputeredinternet.com/2011/10/come-inserire-i-titoli-di-tutti-i-post.html

    @luby
    Se nella sidebar ti funziona e nella pagina statica invece non funziona allora sbagli qualcosa nelle impostazioni. Devi mettere la spunta su Ignora nuove righe come è illustrato qua
    http://www.ideepercomputeredinternet.com/2011/03/widget-dell-dei-titoli-del-blog-in.html

    RispondiElimina
    Risposte
    1. grazie mile ... consulterò gli articoli

      Elimina
    2. Grazie Ernesto ma conoscevo già i due articoli. Utilizzo già da qualche mese il codice di Blog sentral e sono soddisfatta del suo funzionamento. L'unico limite è quello di non poter mostrare le miniature delle immagini dei post. Si potrebbe utilizzare il gadget di yahoo pipes ma lo trovo un po pesante e difficilmente gestibile. Grazie ancora!

      Elimina
  6. ok mi son spiegata male,
    io sto tentando di metterlo nella sidebar,come lo hai messo tu,nell'esempio.
    inserisco nel gadget html il primo codice,metto il mio link al blog senza slash,poi metto il piccolo codice prima e dopo al primo come dici tu:
    Si può renderlo più compatto inserendo un cursore di scorrimento laterale mediante un codice da inserire all'inizio e alla fine di quello precedente.

    ma la barra scorrimento non appare.non si compatta nulla.
    mi ritrovo con una lista infinita :(
    e alla fine trovo la scritta "codice del widget dell'elenco del post"

    il metodo sulla pagina non riesco perchè non ci capisco un h sul pipe,quindi ho rinunciato a priori,scegliendo il semplice inserimento con il gadget html.
    sono una frana :P

    RispondiElimina
    Risposte
    1. @luby
      Forse mi sono spiegato male io. Al posto di "Codice del widget dell'elenco dei post" devi inserire il primo codice e eliminare la scritta. In sostanza devi inserire la prima riga all'inizio del codice del widget e l'ultima riga alla fine. Spero di essere stato più chiaro :D

      Elimina
  7. Ciao, Ernesto. E' possibile aprire i link nella stessa pagina anziché in una nuova scheda?

    RispondiElimina
    Risposte
    1. @BastetLaDEaGatta
      Sì. Togli questa stringa
      + '" target="_blank">'
      dal codice

      Elimina
  8. Ciao Ernesto, è possibile fare una cronologia inversa, ovverovedere tutti i post del blog partendo dall'ultimo al primo?
    Grazie mile

    RispondiElimina
    Risposte
    1. @DaveGamba
      Bisognerebbe modificare il Pipe. Con questo la vedo difficile

      Elimina
  9. Ti disturbo ancora Ernesto, ho eseguito tutta la procedura e non funziona. O meglio, in anteprima va perfettamente, ma poi quando pubblico la pagina statica non funziona. Mi appare semplicemente la home page.. non so cosa possa essere. Interferenze con altri html?

    RispondiElimina
    Risposte
    1. @DaveGamba
      Prova a pubblicare da HTML senza prima passare per Scrivi

      Elimina
  10. Però Ernesto scusa l'ignoranza, ma i pipes di yahoo non si aggiornano da soli quando scrvo nuovi articoli sul sito?
    Perchè ora ho provato a scrivere articoli di prova e l'elenco non si è aggiornato e rimasto uguale. Alllora ho guardato anche i pipes di yahoo e idem, non si sono aggiornati con i nuovi post...

    RispondiElimina
    Risposte
    1. @DaveGamba
      Funzionando con i feed dovrebbe aggiornarsi. Può darsi che ci possano essere delle lentezze ma certo non di giorni.

      Elimina
  11. A me ha smesso di funzionare... a voi?

    RispondiElimina
    Risposte
    1. La Demo funziona ancora. Forse hai inserito nel blog un altro widget che usa lo stesso URL dei feed
      @#

      Elimina
  12. ciao! sono molto interessata ad aggiungere questo codice al mio blog. funziona anche con Blogger? se si ho seriamente bisogno di una mano....non ci capisco niente di widget....un aiutino per favore???

    RispondiElimina
    Risposte
    1. Nel post è spiegato tutto anche in modo molto analitico. Non vedo cosa altro potrei aggiungere :(
      @#

      Elimina
  13. Ciao Ernesto,
    da parecchio tempo utilizzo questo widget per mostrare un elenco di post filtrati per etichetta e ordinati alfabeticamente. Ha sempre funzionato molto bene.
    Da alcuni giorni non funziona più e la pagina statica su cui compariva l'elenco rimane bianca.
    Ho verificato direttamente su Yahoo pipes e, in quell'ambiente, funziona tutto perfettamente. Non compare invece nulla nella pagina statica del Blog.
    Presumo sia un problema di dialogo tra la procedura inserita nella pagina statica del Blog e Yahoo pipes.
    Ho verificato anche la tua DEMO e anche nel tuo Blog di prova non compare nulla.
    Se puoi e quando puoi, prova a verificare.
    Grazie in anticipo di un eventuale riscontro.

    RispondiElimina
    Risposte
    1. Ora sono al cellulare. Quando vado al PC darò uno sguardo
      @#

      Elimina
    2. Ti ringrazio, ad ogni modo ho riprovato sul tuo Blog cliccando, su questo post, il tasto "DEMO", si apre il Blog http://verypretty-blog.blogspot.com/ . Sulla parte destra mi aspettavo di vedere l'elenco titoli dei post ma, invece, rimane tutto bianco.
      Io sto usando Chrome come browser.
      Comunque grazie infinite per l'interessamento

      Elimina
    3. Quando ho guardato prima si vedeva il widget perfettamente mentre ora non è più così. Ci devono essere dei problemi da qualche parte, speriamo che si risolva tutto
      @#

      Elimina
    4. Ciao, in realtà non funziona più nè sulla tua pagina di demo nè sul mio blog.
      Cosa si può fare?

      Elimina
    5. Non si può fare nulla perché Yahoo Pipes è stato ritirato da mesi
      http://www.ideepercomputeredinternet.com/2015/07/yahoo-pipes-alternative.html
      Devi provare a sostituirlo con un altro simile ma non è facile perché Yahoo Pipes era la base di quasi tutti i widget di questo tipo
      @#

      Elimina
    6. Ciao, ma quindi non c'è nessun modo per avere un menù a tendina con l'elenco dei vecchi articoli (sarebbe bello divisi per tag, ma anche no)?
      Intanto grazie mille per la risposta e complimenti per questo sito, vera Bibbia online.

      Elimina
    7. Sì. Ci sono altre soluzioni oltre a quelle di Yahoo Pipes però non sono identiche. Te ne linko un paio
      http://www.ideepercomputeredinternet.com/2015/05/blogger-sitemap.html
      http://www.ideepercomputeredinternet.com/2014/03/mappa-sito-pagina-statica-blogger.html
      http://www.ideepercomputeredinternet.com/2013/11/blogger-sitemap.html
      http://www.ideepercomputeredinternet.com/2014/09/blogger-sitemap-etichette-label-post-widget.html
      @#

      Elimina
  14. Ciao Ernesto,
    ti rinnovo il mio ringraziamento per il tuo impegno, la precisione e la tempestività di risposta.
    Questo widget è un "mistero della vita".
    Dopo alcuni giorni che non funzionava, ho provato adesso e ha iniziato a funzionare nuovamente.
    Grazie ancora e COMPLIMENTI.

    RispondiElimina
  15. ciao grazie del lavoro svolto dopo mille tentativi non riesco a farlo funzionare nel sito pipes ho inserito il link al blog con .it e ho provato con .com su pipes si vede

    RispondiElimina
  16. Risposte
    1. Se su Yahoo Pipes si vedono i tuoi post allora sbagli a copiare il codice. Si deve sempre usare il .com in caso di sito blogspot
      @#

      Elimina
  17. grazie per la risposta ma il codice e giusto almeno equello che viene visualizzato se vuoi ti mando link blog e codice

    RispondiElimina
  18. con widget mi funziona ma e la pagina che da problemi

    RispondiElimina
    Risposte
    1. La Demo funziona. Quando pubblichi la pagina con l'Editor lo devi fare da HTML e non da Scrivi
      @#

      Elimina
  19. si ho provato la demo e funziona ho rifatto tutto il percorso passo passo ma con il mio non riesco quando sostituisco url e pipe rimane la pagina vuota posso mandarti un immagine del pipe?

    RispondiElimina
  20. Caro Ernesto,
    il post che dava la possibilità di avere un elenco in ordine alfabetico era questo.Ora che non si possono più utilizzare i pipes di yahoo non c'è altra possibilità che l'elenco per data? Grazie

    RispondiElimina
    Risposte
    1. Al momento non c'è nulla di paragonabile
      @#

      Elimina
  21. Ciao Ernesto. Ho appena creato un blog di cucina e vorrei creare una pagina con un elenco in ordine alfabetico di tutte le ricette. Ovviamente potrei crearlo manualmente scrivendo il nome della ricetta e inserendo il link al post, peró forse c'é un sistema per farlo in automatico e con meno tempo.

    Questo tuo articolo andrebbe benissimo per il mio scopo ma da quanto sembra i Yahoo Pipes non sono piú disponibili (perlomeno a me dá pagina non trovata). Esiste un altro sistema per fare quello che ho descritto?

    Grazie.

    RispondiElimina
    Risposte
    1. Per creare un elenco di post non ci sono difficoltà per l'ordine alfabetico è invece più difficle mentre ci sono ottime soluzioni per mostrare i post suddivisi per etichetta. Ti posto alcuni link
      http://www.ideepercomputeredinternet.com/2015/05/blogger-sitemap.html
      http://www.ideepercomputeredinternet.com/2014/03/mappa-sito-pagina-statica-blogger.html
      http://www.ideepercomputeredinternet.com/2013/11/blogger-sitemap.html
      @#

      Elimina

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.