Come modificare le dimensioni delle miniature nel widget dei Post più popolari di Blogger.

Come ridimensionare le miniature nel widget dei Post più Popolari di Blogger.

Il gadget dei Post più popolari è presente nell'elenco di quelli ufficiali di Blogger e ha diverse opzioni di personalizzazione. Si può scegliere il periodo in cui monitorare la popolarità degli articoli pubblicati. Le opzioni sono Sempre, Ultimi 30 giorni e Ultimi 7 giorni. Si può anche decidere di visualizzare la miniatura, lo snippet o entrambe e infine si può configurare il numero di post da mostrare da 1 a 10.

Ho già presentato diverse possibilità di personalizzazione di questo gadget facendolo diventare uno slideshow verticale, inserendo un effetto multicolore o le miniature ruotanti. Vediamo come si possa modificare le dimensioni delle miniature del widget lasciando inalterato tutto il resto. Per rendere una idea della modifica ecco gli screenshot prima e dopo la personalizzazione

Si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>
//<![CDATA[
var Miniatura = 150;  // Nuova dimensione della miniatura
$(".popular-posts .item-thumbnail img").each(function() {
    var oldSize = $(this).attr("width");
    $(this).attr("width", Miniatura); $(this).attr("height", Miniatura);
    $(this).attr("src", $(this).attr("src").replace("/s"+oldSize+"-c/", "/s"+Miniatura+"-c/"));
});
//]]>
</script>

dove la prima riga evidenziata di giallo è la libreria JQuery e si può togliere se nel modello fosse già presente. L'unico parametro da modificare è quello che determina la dimensione della miniatura (150 pixel è quella proposta nel codice) che in ogni caso sarà quadrata. Non occorre dare un titolo al gadget. Quello che è importante è che, dopo aver cliccato su Salva, si posizioni subito sotto al widget dei Post più Popolari. Per far questo si trascina con il mouse su Layout.

Si salva la disposizione e si controlla che la personalizzazione abbia funzionato.