Widget dei Commenti Recenti per Blogger con il gadget Feed.

Come installare il widget degli Ultimi Commenti utilizzando il gadget Feed in un blog su Blogger e come personalizzarlo con un elenco a icone con effetto hover.

Il gadget degli Ultimi Commenti o dei Commenti Recenti è uno di quei widget presenti in quasi tutti i siti. Ne ho già presentati di diversi tipi da quello minimalista a quello con le miniature ruotanti. In tutti i casi invariabilmente si deve per forza utilizzare l'URL del feed dei commenti del blog.

Tra i gadget di Base presenti in Blogger c'è appunto anche quello denominato Feed che può essere utilizzato proprio per questa evenienza. Si va su Layout > Aggiungi un gadget e nella sezione Base, si scorrono i widget fino a trovare Feed. Ci si clicca sopra e si passa alla sua configurazione

Si incolla cioè l'URL del Feed dei commenti e si va su Continua. Ricordo che l'URL generico è il seguente

http://nomedelblog.blogspot.com/feeds/comments/default

Nella finestra successiva si scelgono gli altri parametri

Si può selezionare il numero di commenti da visualizzare (da 1 a 5), se mostrare la data e l'autore del commento e se aprire il link del commento in un'altra scheda del browser. Si va su Salva per poi posizionare il widget con il drag & drop. Dopo ogni modifica sarà visibile l'anteprima del widget che mostrerà i commenti in un elenco con lo stile ereditato dal blog. Si può modificare questo stile ricordandosi che l'ID del widget è Feed1, se è la prima volta che lo usiamo, altrimenti sarà Feed2, ecc. Ricordo che per conoscere l'ID di un widget basta cliccare su Layout > Modifica e visualizzare l'ultima parte dell'URL nella finestra popup che si apre.

Per modificare lo stile dell'elenco si può operare in questo modo. Si va su Modello > Modifica HTML e si clicca nell'area del codice. Si digita Ctrl+F e, nel campo Search, si incolla ]]></b:skin> quindi si va su Invio. Il codice cercato sarà evidenziato e subito sopra potremo incollare quest'altro blocco

#Feed1 li {
list-style-image:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrBxBjAUdcFknxXACTlAgosDfIcZjO1ca6tKNv8F7yEfXWR-EGXYMNb_qOxhIueMY0ahBSaSvqGahk79cht83cTpmxeWVKSsoLVzHTkM3m3llhTRtgVws7YYQFazdqzLI7FL7dT6yBhjgQ/s10/check.png);}
#Feed1 li:hover {
list-style-image:  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYedecQ4mSTSUL6szOFsr1yn9eXJymw7f6TZFGoAZoQfs_6rIKDxgIXXzTwWz4WJj2GJnIkZnjBItbQJUcheoZQBo_-_WtTBo0oBJEVO9OhujYYT-2dViI1H2DDgsIGU-8E224kGsxsfyg/s10/red-check2.png);
}

che mostrerà due differenti icone a seconda che l'elemento sia o non sia puntato con il cursore. Si va su Anteprima modello quindi su Salva modello se ci riteniamo soddisfatti

Ovviamente gli URL delle due icone possono essere modificate a piacere. Il più grave handicap di questo widget a mio parere è che si possono mostrare solo 5 elementi ma per chi di commenti non ne riceve poi molti si tratta certamente di una alternativa da prendere in seria considerazione