Come mostrare il widget dell'Archivio in modo compatto su Blogger.

Come mostrare collassato il widget dell'Archivio con lo stile Gerarchia all'apertura della pagina di un blog di Blogger.

Il widget dell'Archivio è uno di quelli ufficiali di Blogger e si può dire che sia installato in tutti o quasi i blog che utilizzano questa piattaforma. E' anche uno di quei gadget insieme a quello del Profilo e quello dei Lettori che si visualizzano nel layout di default quando si crea un nuovo blog. Il widget dell'Archivio è moderatamente personalizzabile quando non si procede a modifiche del template.

Si va su Layout > Aggiungi un gadget > Archivio e si può scegliere tra gli stili Gerarchia, Elenco compresso e Menù a discesa. L'opzione Gerarchia è la più analitica visto che mostra tutti i titoli dei post pubblicati in quel dato anno e in quel particolare mese. Se abbiamo pubblicato già molti post e se siamo da anni sul web però ne viene fuori un elenco lunghissimo che sfalsa tutte le proporzioni del layout. Le altre scelte mostrano un Archivio più compatto ma senza che il lettore possa scorrere l'elenco dei titoli dei post. In passato ho presentato uno straordinario widget per mostrare l'archivio sotto forma di calendario. Il codice risale però a più di tre anni fa e forse funzionerà ancora solo con i vecchi modelli.

Vediamo come sia possibile scegliere per l'Archivio lo stile Gerarchia e mantenere ugualmente compatto il nostro Archivio. Questa personalizzazione utilizza JQuery e porta a un risultato come questo

in cui il lettore può navigare tra tutti i titoli dei post già pubblicati. Per prima cosa bisogna installare il widget dell'Archivio come illustrato all'inizio del post quindi selezionare la modalità Gerarchia

Si mette la spunta nell'apposito cerchietto e si va su Salva. In questo modo saranno mostrati tutti i titoli dei post che si sono pubblicati suddivisi per mese e anno. Per collassare tale elenco si utilizza come detto JQuery. Si va quindi su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script> 
if ( $('.archivedate').hasClass('expanded') )
{
$('.archivedate').removeClass('expanded');
$('.archivedate').addClass('collapsed');
}
</script>

in Sezioni del sito quindi si posiziona nel layout al di sotto del widget dell'Archivio

Per rendere la cosa più chiara ho messo il titolo Nascondi archivio a tale widget ma non è necessario digitare nulla. Si va in alto su Salva disposizione e si apre il blog. L'archivio occuperà uno spazio molto modesto ma all'occorrenza il lettore potrà aprirlo e scorrere tutti i titoli degli articoli già pubblicati. Questa personalizzazione può essere una valida alternativa alla creazione di una Mappa per il sito o di una Mappa per il sito con le miniature. Nei modelli in cui sia già presente JQuery si può tralasciare di incollare il codice evidenziato di giallo. Con questo sistema si mostra l'Archivio collassato alla apertura della pagina invece che visualizzarlo aperto come succederebbe senza questa modifica.