Widget degli Ultimi Post con Miniature per Blogger completamente personalizzabile.

Il widget più amato di Blogger che mostra gli Ultimi Post con Miniatura e opzionalmente data e numero dei commenti completamentre personalizzabile che si adatta alla misure della sidebar.

Fino a qualche mese fa era possibile installare dei widget di Blogger direttamente cliccando su un link senza inserire alcun codice. Poi Blogger ha modificato le regole con cui accetta i widget di terze parti e è diventato molto più difficile per gli sviluppatori effettuare tutta la procedura affinché un gadget venga accettato. I widget già installati con questo metodo continuano a funzionare ma nel caso in cui si pensasse di disinstallarli per poi inserirli nuovamente smetterebbero di essere visibili.

Non resta quindi che convertire in codice i gadget di questo genere per poter essere installati senza alcun problema attraverso Layout > Aggiungi un gadget > HTML/Javascript. Inizio con un widget che ha avuto un grande successo e che ho tradotto in italiano partendo da un eccellente lavoro di Blogger Plugins che ora credo abbia cessato di occuparsi di piattaforma Blogger.

Il grado di soddisfazione degli utenti di questa personalizzazione per Blogger si misura anche dal fatto che la pagina del blog in cui è pubblicato ha raggiunto Page Rank 3 paragonabile a quella di un blog di una certa qualità. Il javascript relativo l’ho caricato su Google Drive utilizzato come Hosting e quindi il widget dovrebbe funzionare anche se installato su domini personalizzati.

Tale widget può mostrare anche il numero dei commenti ricevuti e la data di pubblicazione.



Per la sua installazione come detto si va su Layout > Aggiungi un gadget > HTML/Javascript, si digita un titolo a piacere e, in Sezioni del sito, si incolla il seguente codice

<div id='bp_recent'></div>
<script style='text/javascript' src='https://sites.google.com/site/exdrive32/script/articoli-recenti-miniature.js'></script>
<script style='text/javascript'>
var numberOfPosts = 6;
var showPostDate = true;
var showSummary = true;
var summaryLength = 200;
var titleLength = 100;
var showCommentCount = true;
var showThumbs = true;
var showNoImage = false;
var imgDim = 100;
var imgFloat = 'left';
var myMargin = 5;
var mediaThumbsOnly = true;
var showReadMore = true;
var readMore = 'Leggi tutto';
</script>
<script src='http://www.ideepercomputeredinternet.com/feeds/posts/summary?max-results=6&orderby=published&alt=json-in-script&callback=bprecentpostswiththumbnails'></script>

Si salva e si posiziona con il mouse. Se preferite avere il widget tutto sotto controllo nel vostro spazio scaricate il javascript colorato di viola e caricatelo su Google Drive o DropBox o anche Google Sites ma in quest’ultimo caso solo se avete un dominio del tipo Blogspot. Per configurare gli altri parametri seguite queste semplici istruzioni:

1. Va inserito l’URL del vostro sito ricordando di mettere il .it e non il .com
2. Il numero dei post mostrati (6) va modificato in tutte e due le occorrenze
3. var showPostDate = true; per mostrare la data. Se non si vuole mostrare sostituire true con false. La stessa procedura serve per mostrare o meno il numero dei commenti mediante il parametro showCommentCount.
4. La stringa var showThumbs = true; serve per mostrare le miniature. Se non volete mostrarle sostituite true con false. Si può anche decidere o meno di mostrare l’immagine di default in showNoImage. Per modificarla dovrete editare il javascript e cercare noimage.png
5. In var imgDim = 100; si setta la dimensione delle miniature
6. In imgFloat = 'left'; si posiziona sulla sinistra. Con right va a destra
7. In myMargin = 5; si definisce il margine tra miniatura e testo
8. Con mediaThumbsOnly = true; si visualizzeranno anche le miniature di oggetti multimediali come potrebbero essere quelle dei video di Youtube
9. La condizione showReadMore = true; serve per mostrare il Read More. Se non si vuole inserire basta sostituire true con false come al solito.
10. var readMore = 'Leggi tutto'; serve per personalizzare l’espressione
11. var showSummary = true; per mostrare o meno l’incipit del post
12. var summaryLength = 200; per settare il numero dei caratteri dell’incipit
13. var titleLength = 100; per la lunghezza massima del titolo.

Aggiornamento del 23-09-2016: A seguito del ritiro del supporto a Google Drive come Hosting il widget aveva smesso di funzionare. L'ho ripristinato caricando lo script colorato di viola su Google Sites. A chi avesse smesso di funzionare può reinstallarlo copiando il nuovo codice. Il widget funzionerà solo nei blog gratuiti del tipo nomesito.blogspot.com. Chi avesse un blog con dominio personalizzato può incollare l'indirizzo viola nell'indirizzo del browser per poi pigiare su Invio. sarà scaricato il file articoli-recenti-miniature.js che dovrà essere caricato su uno spazio proprio o su Dropbox per poi sostituirne il link diretto.

Aggiornamento del 25-09-2016: Ho pubblicato una nuova versione del video funzionante anche con i domini personalizzati che può essere visualizzata in questo post

Widget dei Post Recenti con Miniature per Blogger