Post aggiornato in data 26 Ottobre 2018

Può essere interessante inserire nel proprio sito fatto su piattaforma Blogger, un gadget che ci permetta di mostrare solo le miniature degli ultimi articoli in base ad una specifica etichetta, così d’avere un risultato come questo:

Nel mio caso, mostra le miniature delle immagini presenti negli ultimi post inseriti sotto l’etichetta Live Streaming.
Per inserire il codice, andiamo ad aggiungere un gadget HTML/Javascript e copiato quanto segue:
img.min_etic{
float:left;
width:55px;
height:50px;
margin-right:5px;
margin-bottom:20px;
}//<![CDATA[
function miniature(json){document.write(‘
‘);for(var i=0;i<numposts;i++){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==’replies’&&entry.link[k].type==’text/html’){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel==’alternate’){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$img.url;}catch(error){s=entry.content.$t;a=s.indexOf(“<img”);b=s.indexOf(“src=””,a);c=s.indexOf(“””,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=””)){thumburl=d;}
else thumburl=”;}
document.write(”);
if(i!=(numposts-1))
document.write(”);}
document.write(‘
‘);}

//]]>

var numposts = 15;
<script type=”text/javascript” src=”/feeds/posts/default/-/Live Streaming?orderby=updated&alt=json-in-script&callback=miniature”>

I parametri in rosso sono quelli editabili e ci permetteranno di personalizzare il nostro gadget nel seguente modo:

  • float:left; – allineare a sinistra o destra le miniature
  • width:55px; – modifica la larghezza
  • height:50px; – modifica l’altezza
  • var numposts = 15; – indica il numero di post da mostrare
  • <script type=”text/javascript” src=”/feeds/posts/default/-/Live Streaming? – modificare Live Streaming con l’etichetta dei post che vi interessa mostrare