Widget, Ultimi Posts con immagini in miniatura per Blogger

Widget degli Articoli Recenti con Immagini in miniatura per Blogger…

Con questo Articolo  verrà spiegato come aggiungere il Widget Ultimi Posts con miniature delle immagini nel vostro Blog di Blogspot. La caratteristica fondamentale di questo Widget dal punto di vista grafico sono le miniature delle immagini   ma soprattutto l’estrema semplicità dell’installazione del Widget, senza dover in alcun modo modificare il codice HTML o cercare “righe” particolari del codice stesso.

Vediamo come procedere nell’installazione

1. Entrare nel Layout (Design) della pagina principale del Blog: Aggiungi e organizza elementi pagina.

2. Cliccare su Aggiungi un Gadget e nella finestra che si apre cliccare su HTML/Javascript (Aggiungi funzionalità di terzi o altro codice al tuo blog).

3. Nella successiva finestra che si apre basta copiare ed incollare il Codice riportato nella tabella qui sotto.

<script language="JavaScript"> imgr = new Array (); imgr [0] = "http://i43.tinypic.com/orpg0m.jpg"; imgr [1] = "http://i43.tinypic.com/orpg0m.jpg"; imgr [2] = "http://i43.tinypic.com/orpg0m.jpg"; imgr [3] = "http://i43.tinypic.com/orpg0m.jpg"; imgr [4] = "http://i43.tinypic.com/orpg0m.jpg"; showRandomImg = true; boxwidth = 298; cellspacing = 8; borderColor = "# ffffff"; bgTD = "# 000000"; thumbwidth = 40; thumbheight = 40; fntsize = 12; acolor = "# 666"; aBold = true; icon = ""; text = "commenti"; showPostDate = false; summaryPost = 40; summaryFontsize = 10; summaryColor = "# 666"; icon2 = ""; numposts = 5; home_page = "http://weblifeonline.blogspot.com/"; </ Script> script src <= "http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js"type =" text / javascript "> </ script>

Passiamo alla personalizzazione del Widget con le caratteristiche che più vi soddisfano, procediamo con la spiegazione del significato dei vari colori.

boxwidth	Larghezza del widget, le dimensioni che dovrà avere il box all’interno del Blog.
cellspacing	Lo spazio tra le celle (di default è buono)
borderColor	Colore Border (aggiungere il colore di sfondo del tuo modello in modo che assomigli  perfettamente al modello stesso)
thumbwidth & thumbheight	Larghezza e altezza della miniatura delle immagini (di default sono buone)
fntsize	La dimensione del carattere del titolo
acolor	Colore del titolo
aBold	Vuoi i titoli in grassetto? devi scegliere (true o false), (Vero o falso)
numposts	Scrivi numero di post che si desidera visualizzare
home_page	scrivere l’URL (indirizzo) del vostro Bolg rimanendo dentro “. “

 

 

 

 

 

 

 

 

Per quanto riguarda questo script: http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js , esso attualmente si trova caricato sul server del creatore del Widget,

Ma, è FORTEMENTE consigliato scaricare lo script e successivamente  dopo averlo salvato sul  computer ricaricare lo script nel vostro server hosting  e dopo sostituire l'URL con il vostro.

4. Ultimo ma non meno importante .. Salvare le modifiche.

Questo WiDGET è il frutto di un brillante lavoro di Kranthi del sito Blogger Tricks (http://www.bloggertricks.com/).

Potete vedere il funzionamento e l’effetto grafico del Widget collegandovi a questo indirizzo nelle pagine demo di:  Web Life Online Widget-Demo