Aggiungere il widget degli Ultimi Post in un elemento pagina HTML/Javascript ad un blog su Blogger.

Continuo la mia operazione di eliminazione degli script caricati su hosting esterni per evitare problemi di bandwidth e di disservizio degli stessi hosting. In questo blog, nel momento in cui scrivo, non ho il widget degli Ultimi Articoli in quanto sarebbe superfluo dato che questi sono consultabili nel widget dell'archivio con calendario.

Ho già presentato una versione del gadget degli Ultimi Articoli che fa a meno di script esterni; adesso presento una variante ancora più semplice per la quale non occorre operare nel modello ma è sufficiente inserirla in un elemento pagina. Ecco il codice

<script style="text/javascript">
//credit to hoctro - localizzato da Parsifal32 - parsifal32.blogspot.com
function rp(json) {
document.write('<ul>');for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(leggi tutto)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Gen";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "Mag";
monthnames[6] = "Giu";
monthnames[7] = "Lug";
monthnames[8] = "Ago";
monthnames[9] = "Set";
monthnames[10] = "Ott";
monthnames[11] = "Nov";
monthnames[12] = "Dic";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>
<script style="text/javascript">
var numposts = 6;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://parsifal32.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
<div style="font-size:50%;text-align:center"><p> <a href="http://goo.gl/pj2Z">Install widget</a> </p></div>

Le personalizzazioni da compiere sono le seguenti

1. var numposts = 6; rappresenta il numero di articoli da mostrare
2. var showpostdate = false; se non si vuol mostrare la data, se si vuole che appaia true al posto di false
3. var showpostsummary = false; se non si vuole mostrare il sommario del post, se si vuole vedere true al posto di false
4. var numchars = 100; rappresenta il numero dei caratteri del sommario
5. Va ovviamente inserito l'URL del blog al posto di parsifal32.blogspot.com

Si va su Personalizza > Layout > Elementi pagina > Aggiungi un gadget > HTL/Javascript e, in Sezioni del sito, si incolla il codice personalizzato, si aggiunge il Titolo, si clicca su Salva e, con il mouse, si posiziona al meglio cliccando nuovamente su Salva.

Potete vedere questo widget all'opera in due versioni

• Widget Ultimi Articoli con data e sommario -
• Widget Ultimi Articoli con solo il titolo del post -

Nel caso in cui si scelga di visualizzare anche il sommario dell'articolo apparirà il collegamento (leggi tutto) per vedere tutto il post.

• Visita la "Vetrina di Lulu" per scaricare "Come creare il tuo primo blog con Blogger" o per vedere le anteprime delle altre pubblicazioni dello stesso autore del blog.