Gadget Articoli Recenti con immagine d'anteprima e sommario post per Blogger

Avevamo già parlato di un widjet per gli articoli recenti e immagine d'anteprima, ma adesso ne proponiamo uno più accattivante, personalizzabile e che contiene un piccolo sommario del contenuto del post.






Lo script si basa sui feed rss e vediamo insieme come aggiungerlo all'interno del nostro blog.

Il Codice da utilizzare è:

<script type="text/javascript">
imgr = new Array();
imgr[0] = "http://demk.altervista.org/File/timbro.png";
imgr[1] = "http://demk.altervista.org/File/timbro.png";
imgr[2] = "http://demk.altervista.org/File/timbro.png";
imgr[3] = "http://demk.altervista.org/File/timbro.png";
imgr[4] = "http://demk.altervista.org/File/timbro.png";
showRandomImg = true;
tablewidth = 300;
cellspacing = 1;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 120;
imgheight = 120;
fntsize = 12;
acolor = "#191919";
aBold = true;
icon = " • ";
text = "Commenti";
showPostDate = false;
summaryPost = 50;
summaryFontsize = 10;
summaryColor = "#242424";
icon2 = " &#8594; ";
numposts = 5;
rc_feedLink = "http://imaniaci.blogspot.com/feeds/posts/default";
</script>
<script src="http://demk.altervista.org/File/Script/articoli_recenti_con_miniature1.js" type="text/javascript"></script>


Vediamo assieme le modifiche da compiere:

• 
  imgr[0]..imgr[4] rappresentano i link a delle immagini random da utilizzare nel caso in cui l'articolo non contiene immagini;
  
  
• showRandomImg indica se mostrare o meno le immagini random se necessario. La proprietà può essere impostata a "true" o "false";
  
  
• tablewidth rappresenta la larghezza in pixel del gadget. Al momento è impostato a 300, ma può essere aumentato o diminuito in base alle necessità;
  
  
• cellspacing è la distanza fra le celle che compongono, in verticale, il gadget, impostato al momento a 1pixel;
  
  
• borderColor è il colore del bordo impostato a #ffffff ovvero bianco in esadecimale;
  
  
• bgTD indica il colore dello sfondo del gadget;
  
  
• imgwidth e imgheight indicano rispettivamente la larghezza e l'altezza delle immagini d'anteprima;
  
  
• fntsize è la dimensione dei caratteri del testo del titolo;
  
  
• acolor indica il colore del testo del titolo;
  
  
• aBold indica se il testo del titolo deve essere in grassetto, accetta due proprietà "true" o "false";
  
  
• icon e icon2 rappresentano le icone che precedono il titolo del post e il sommario. Possiamo rimuoverle o inserire qualsiasi simbolo che vogliamo;
  
  
• text è il testo che viene inserito prima del numero di commenti che il post ha;
  
  
• summaryPost rappresenta il numero di lettere da visualizzare del sommario del post;
  
  
• summaryFontsize indica la dimensione del testo del sommario;
  
  
• summaryColor indica il colore del sommario;
  
  
• numposts indica il numero degli ultimi articoli da visualizzare;
  
  
• rc_feedLink è dove inserire l'url dei feed del proprio blog o sito. Se siete su blogspot vi basta modificare solamente la parta in rossa; "http://TuoUrl.blogspot.com/feeds/posts/default";