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";



Per qualsiasi problema non esitare a contattarci!



Visita la nostra sezione msn/blog
SHARE

Clo&demk

Siamo due semplici ragazzi Clo e Demk abitiamo in diverse città, ma il PC e gli interessi comuni ci legano. Ci piace la musica e i video musicali, navigare nel vasto mare d'informazioni d'internet alla ricerca di nuove mete diverse e lontane e non ci spaventano gli ostacoli...(Continua).

  • Image
  • Image
  • Image
  • Image
  • Image
    Blogger Comment
    Facebook Comment

1 commenti:

  1. Mi sarebbe stato utile per fare questo blog... , ma poi siccome il precedente non funzionava ho utilizzato il gadget di google.
    http://parloleblog.blogspot.com/

    Una cosa che mi pare manchi in blogger è un gadget che tenga traccia anche dei commenti nei blog seguiti, come accadeva in splinder. Cioè poter vedere se qualcuno ha commentato in un determinato blog, senza dover fare il giro ogni volta....
    ciao

    RispondiElimina

Senza di te questo blog si riduce a ben poco...
Per info guida commenti blogger