Widget degli Ultimi post per una singola etichetta

Widget degli Ultimi Post per una singola etichetta per siti su piattaforma Blogger

Se si desidera visualizzare in un elemento pagina gli ultimi articoli pubblicati dal blog che abbiano una particolare etichetta ci sono già a disposizione diversi widget che ne mostrano anche le miniature. Questo gadget è una proposta più minimalista adatta ai modelli che non hanno uno stile ben definito per quello che riguarda gli elenchi. Se questo stile esiste, saranno visualizzati gli ultimi post relativi alla categoria nel modo previsto dal template. Se non esiste sarà invece visualizzata a sinistra di ciascun titolo una icona rossa o blu determinata da questo background. Nel gadget che ho pubblicato in rete questa immagine non si vede perché lo stile è già presente

• Demo Widget Ultimi Post per singola Etichetta -

L'installazione si presenta alquanto semplice. Si va su Design > Modifica HTML e si salva il modello completo per un eventuale backup del template. Si cerca la riga </head> e, subito sopra, si incolla

<!--Ultimi Post Etichetta Inizio-->
 <script type='text/javascript'>
//<![CDATA[
function LastPosts(json) {
 document.write('<ul>');
 for (var i = 0; i < json.feed.entry.length; i++)
 {
 for (var j = 0; j < json.feed.entry[i].link.length; j++) {
 if (json.feed.entry[i].link[j].rel == 'alternate') {
 break;
 }
 }
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>"; document.write(item);
 }
 document.write('</ul>');
 }
 //]]>
 </script>
 <style type="text/css">
 #LabelStyle {background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT9UJVm52nmUmk8WEf0o6T9Q_sPwnNMXmRF8B7l4dLj1f4QlRJIKbGgSAEpfcA8WWHInaxHeic0_UvvzrqYA0Ojeha-zkxa3g2UR8sNmrfYa9aHv_M1jzjrc9nG77kRif0yyiu6g97zzLG/&quot;) no-repeat scroll -10px -6px transparent;padding-left: 16px;} #LabelStyle:hover {text-decoration:none;background-position: 0 -178px;} #LabelStyle a {background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT9UJVm52nmUmk8WEf0o6T9Q_sPwnNMXmRF8B7l4dLj1f4QlRJIKbGgSAEpfcA8WWHInaxHeic0_UvvzrqYA0Ojeha-zkxa3g2UR8sNmrfYa9aHv_M1jzjrc9nG77kRif0yyiu6g97zzLG/&quot;) no-repeat scroll -10px -6px transparent;}
 </style>
 <!--Ultimi Post Etichetta Fine - www.ideepercomputeredinternet.com -->

Si salva il modello. Successivamente si va su Design > Aggiungi un gadget > HTML/Javascript e si incolla in Sezioni del sito quest'altro codice

<div id="LabelStyle"><script src="https://www.ideepercomputeredinternet.com/feeds/posts/default/-/blogger?max-results=8&alt=json-in-script&callback=LastPosts"></script></div>

Le personalizzazioni riguardano la posizione dello sfondo di background (-10px -6px ). Il primo numero si riferisce alla posizione sull'asse X mentre il secondo alla posizione sull'asse Y e può essere calibrato a seconda del modello modificando i valori.

Nel secondo codice si deve inserire l'URL del nostro blog, la etichetta ci cui vogliamo visualizzare gli ultimi post (blogger) e il numero di articoli (8). Dopo aver salvato l'elemento, si posiziona a piacere con il mouse. E' anche possibile visualizzare gli ultimi articoli che abbiano due o tre determinate etichette contemporaneamente. Non è ancora possibile creare un widget degli ultimi post relativi a una etichetta ma che non ne contengano un'altra.