Pubblicato il 20/02/18 - aggiornato il  | 9 commenti :

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.

widget-feed-blogger

Nella finestra successiva dovremo terminare la personalizzazione del widget.

configurazione-feed

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.

widget-ultimi-post

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://lh3.googleusercontent.com/-8k5nzIVGyuI/V08qA7F9glI/AAAAAAAA2MM/fuKb1Rku9TAIbpfli0YKzqApLy0-PkDfQCCo/s10/check.png);}
#Feed1 li:hover {list-style-image:  url(https://lh3.googleusercontent.com/-dwOfjjDPvTg/V08qDRnmxVI/AAAAAAAA2MQ/nRhYo1sRmjs91HlF0CWBlO2sEv6LfTWpACCo/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.

widget-ultimi-articoli
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.


9 commenti :

  1. Ciao Ernesto. Ho cancellato un mio vecchio post ed ho inserito questo per vedere gli ultimi articoli postati (https://nomedominio.ext/feeds/posts/default), purtroppo di quel articolo mi compare la data della pubblicazione nei feed e non riesco a rimuoverla. Come devo fare? Grazie

    RispondiElimina
  2. Verifica se mi sono spiegato male direttamente sul mio blog www.peppecotroneo.blogspot.com Grazie

    RispondiElimina
    Risposte
    1. Quando un articolo è stato pubblicato rimane come elemento nei feed. Però se clicchi sopra all'elemento non si apre nulla se hai cancellato il post
      @#

      Elimina
  3. Ciao Ernesto, avrei bisogno di un widget per gli articoli correlati, vorrei che se ne vedessero almeno 4 da mettere solo sotto lo spazio post nella pagina home ma non nelle altre pagine ma li vorrei un anteprima grande non so se mi sono spiegata, ho provato alcuni tuoi vecchi codici ma nn funzionano sul mio blog purtroppo

    RispondiElimina
    Risposte
    1. Se i codici che ho già pubblicato non ti funzionano, non ti so aiutare. Forse non hai controllato tutti i post
      https://www.ideepercomputeredinternet.com/2013/02/related-posts-with-thumbnails-for-blogger.html
      https://www.ideepercomputeredinternet.com/2015/04/blogger-widget-articoli-simili-related-posts.html
      https://www.ideepercomputeredinternet.com/2015/04/related-posts-blogger-widget.html
      https://www.ideepercomputeredinternet.com/2015/07/related-posts-widget-blogger-mobile-desktop.html
      https://www.ideepercomputeredinternet.com/2013/01/articoli-simili-miniature.html
      https://www.ideepercomputeredinternet.com/2015/04/related-posts-blogger-thumbnails-tooltip.html
      https://www.ideepercomputeredinternet.com/2014/02/blogger-articoli-simili-related-posts.html
      @#

      Elimina
    2. Innanzitutto grazie per la risposta celerissima, il punto è questo: ho passato la giornata a provarli e riprovarli controllandoli per bene per capire cosa io sbagliavo e nulla nessuno che mi vada bene, compreso il gadget linkwithin, per puro caso mi sono resa conto che se accedo al mio blogger dal cellulare linkwithin lo visualizzo, quindi la domanda è: possibile che con browser opera mi faccia sto scherzo anche con i tuoi codici? Domani mi rimetterò al lavoro da altro browser -.-

      Elimina
  4. Intendi Opera per il mobile? Se cerchi un widget degli Articoli Correlati o Simili per desktop e mobile, l'unico che sono riuscito va configurare in modo accettabile in entrambe le versioni e questo
    https://www.ideepercomputeredinternet.com/2015/07/related-posts-widget-blogger-mobile-desktop.html
    @#

    RispondiElimina
  5. Ciao, sai perché ogni volta che modifico qualcosa del codice html mi scompare il titolo(ultimi articoli o post) del widget?
    Grazie.

    RispondiElimina
    Risposte
    1. Succede anche a me e non ho capito il perché 🙂. Non so se è un bug di Blogger o se dipende da qualche altra cosa boh
      @#

      Elimina

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