Come inserire il widget degli ultimi articoli corredati da miniature delle immagini in un blog su Blogger.

In questo blog ho già parlato di come aggiungere il widget degli articoli recenti e l’ho pure inserito nella sidebar di destra.
Adesso per coloro che hanno particolarmente a cuore l’aspetto del proprio blog su Blogger e amano i widget colorati presento una diversa opzione che sono sicuro piacerà parecchio specialmente alle donne.
Non occorre minimamente cambiare il modello, dobbiamo solo stare attenti alle dimensioni del nostro template.
Andate su Layout > Aggiungi un gadget > HTML/Javascript ed inserite il codice riportato qui sotto nell’elemento. Mettete pure un titolo del tipo Ultimi Articoli


<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://tinyurl.com/oj827g";
imgr[1] = "http://tinyurl.com/qzptmk";
imgr[2] = "http://tinyurl.com/ok629f";
imgr[3] = "http://tinyurl.com/omglru";
imgr[4] = "http://tinyurl.com/q4wtpo";
showRandomImg = true;
tablewidth = 248;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 120;
imgheight = 100;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = " ";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page ="http://miosito.blogspot.com/";
</script>
<script src="https://sites.google.com/site/ideepercomputeredinternet/script-1/scriptarticolirecentiminiature.js" type="text/javascript"></script>


Posizionate con il mouse l’elemento nel punto che desiderate quindi Salvate il tutto.
Ovviamente prima ci sono le  personalizzazioni da fare

1. Le righe di codice che vanno da imgr[0]=”URL_immagine”; a imgr[4]=”URL_immagine”; rappresentano le immagini che vengono visualizzate nel caso non ce ne fossero negli articoli del blog. Ho raccolto e caricato 5 immagini di alba e tramonto, quindi ne ho acquisito l’URL, infine l’ho accorciato con TinyURL. Ovviamente potete caricare nel Web le immagini che preferite e sostituire gli URL contrassegnati di rosso con quelli delle vostre immagini
2. La larghezza e l’altezza delle immagini l’ho scelta width=”120” e height=”100” in pixel. Naturalmente potete adattare le misure al vostro modello
3. Il numero di post recenti da visualizzare l’ho inserito uguale a cinque e ovviamente si può cambiare numero a seconda delle esigenze
4. Lo script del widget si trova a questo indirizzo e se volete potete copiarlo e hostarlo su un vostro account
5. Al posto di miosito.blogspot.com inserite l’indirizzo del vostro blog. Mi raccomando di mantenere la slash (/) finale
6. In questo caso il Titolo del post viene posto alla destra della Miniatura. Si può anche metterlo sopra o sotto agendo sullo script di cui al punto 4). Se interessa magari posso tornare sull’argomento
7. Se volete vedere come funziona il widget date uno sguardo ad un mio blog che avevo abbandonato da molto tempo e che mi è servito da cavia – Photosvideosandmore – In questo caso non ci sono foto o immagini negli ultimi post quindi  si vedono le miniature di cui al punto 1). Il widget si trova in alto a destra e mostra anche il numero dei commenti per ciascun post. 

Ho testato il widget con Internet Explorer 8, Firefox e Chrome e funziona con tutti e tre. L’unico problema che potreste incontrare è quello delle dimensioni delle miniature ma penso che dovrebbe andare tutto bene. Inoltre c’è da dire che il lavoro per installarlo e, eventualmente, disinstallarlo è davvero piccolo visto che si tratta solo di un gadget e non si opera sul template.
Aggiornamento: In questo nuovo articolo ho illustrato come presentare il widget in modo orizzontale e ho quindi cambiato aspetto al blog Photos and Videos.