Widget degli Ultimi Articoli nativo di Blogger

Come installare su Blogger il widget degli Ultimi Articoli con i gadget ufficiali e come personalizzarlo.

Blogger non ha mai rilasciato un widget ufficiale per gli Ultimi Post né per i Commenti Recenti. Adattando però uno dei gadget presenti di default, possiamo creare un widget che mostri i titoli degli ultimi articoli pubblicati e degli ultimi commenti ricevuti.

Inoltre possiamo anche personalizzarli per renderlo più attrattivi con un effetto hover. C'è però la limitazione di non poter mostrare più di cinque elementi. Da quando la velocità di caricamento di un sito è diventata uno dei 200+ fattori di ranking di Google, è bene limitarci nell'installazione dei widget a quelli strettamente necessari, e privilegiare quelli che hanno un impatto modesto nella pesantezza della pagina.

Ecco quindi che è consigliabile utilizzare le risorse di Blogger, quando questo sia possibile. Mi rendo conto che un gadget degli Ultimi Post per desktop e mobile, che mostri anche le miniature delle immagini, abbia un impatto estetico decisamente superiore a un semplice elenco di titoli. Però forse è opportuno scegliere la seconda opzione per migliorare ulteriormente la velocità di caricamento della pagina.

Ricordo che l'URL dei feed dei post di un qualsiasi blog su Blogger è il seguente

http://nomeblog.blogspot.com/feeds/posts/default

che diventa così se si è attivata la connessione HTTPS 

https://nomeblog.blogspot.com/feeds/posts/default

La regola vale anche per un dominio personalizzato che ha questo URL dei feed

https://nomedominio.ext/feeds/posts/default

Al posto di default si può mettere summary, per avere un indirizzo dei Feed dei post come questo

https://nomeblog.blogspot.com/feeds/posts/summary

Se si incolla nel browser l'URL dei feed con la opzione summary,  si visualizzeranno solo i titoli degli ultimi post con un piccolo snippet e non ci sarà il redirect verso FeedBurner, nel caso sia stato attivato. Per creare il nostro widget utilizzeremo il gadget ufficiale Feed di Blogger. Si va quindi su Layout -> Aggiungi un gadget -> Base -> Feed e, nel campo di Configura Feed, si incolla l'indirizzo dei feed con summary al posto di default e si va su Continua.

Nella finestra successiva dovremo terminare la personalizzazione del widget.

Il titolo prenderà il nome del blog e dovrà essere modificato con Ultimi Post o Articoli Recenti o quello che volete voi. Si potrà mostrare fino a un massimo di 5 elementi. Ci sono anche i quadratini di controllo per mostrare, oltre agli titoli dei post, anche le date di pubblicazione, gli autori degli articoli e la possibilità di aprire i link in un'altra scheda. Più in basso verrà mostrata l'anteprima del widget. Si clicca su Salva e lo si posiziona nel layout con il drag&drop.

Il widget avrà un aspetto minimalista con i titoli mostrati in un elenco puntato. Si può rendere il widget meno anonimo andando su Tema -> Modifica HTML. Si cerca la riga ]]></b:skin> e, subito sopra, si incolla

#Feed1 li{list-style-image:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBL-uV87FVVmTrT9DXtcEJVywU2lq_56MicxSmOyGd5eHHWLp5qQ8qtH9QblHAtEeGTltAtfL83nXOXXdvGS_QjPQh1E75duJSh8L3fRdpu4RqPsTR_fXw0Bl-9vHmPA2T41TYAb9N78g/s10/check.png);}
#Feed1 li:hover {list-style-image:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2eUIpgg37sUab9IF5no7ui3P58FnuZTTu9QvY-qVn14D9WRT60PUCk7vn5lZIuPEx6XQySFDjOMdqQFgN9r_pWKNSYb9B-AxKPJJ1UkOr-y75R9cROCUnmSAUdsn4sanu1qBSaNb59z4/s10/red-check.png);}
#Feed1 li span a {font-weight:bold;}

dove si suppone che il gadget dei feed sia stato il primo installato su Blogger. Se fosse stato il secondo, al posto di #Feed1, si dovrà mettere #Feed2. Si salva il Tema. Il risultato sarà il seguente.

L'ultima riga evidenziata di giallo serve per mostrare i titoli in grassetto e può essere tralasciata. L'elenco dei titoli sarà mostrato con una icona come marcatore che muta di colore quando si punta l'elemento relativo con il cursore. Le immagini, il cui URL è colorato di rosso, possono essere personalizzate a piacere. Cliccando su un link si aprirà il relativo post, nella stessa scheda o in un'altra se è stata impostata questa opzione. Con un altro gadget dei Feed si potrà creare un altro widget per gli ultimi commenti che vedremo in un altro post.