Pubblicato il 05/12/12e aggiornato il

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

personalizzazione-miniature-post-pi-popolari

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.

gadget-aggiunto

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




5 commenti :

  1. Sai che questa personalizzazione non va d'accordo con lo slideshow che ho nella homepage? Quando la inserisco lo slideshow viene visualizzato male, quando la tolgo ritorna normale. C'è modo di risolvere?

    RispondiElimina
    Risposte
    1. @ Giuliana
      Lo slideshow ha presumibilmente un'altra versione di JQuery. Puoi cercare di risolvere in due modi
      1)Togliere la riga evidenziata di giallo visto che JQuery ce lo hai già nel modello
      2)Aggiornare tutti i JQuery del modello all'ultima versione che è quella di questo post. Nel tuo modello invece c'è questa
      http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js

      Elimina
  2. Grazie mille per il post! :-)
    Io vorrei acquisire le immagini di anteprima dei video inseriti all'interno del post. Questi video sono prelevati da Youtube. Nel mio blog si postano solo video, senza immagini, e quando inserisco il gadget dei post più popolari l'immagine di anteprima non compare, come posso fare ?

    RispondiElimina
    Risposte
    1. @# Il gadget a cui fai riferimento è di Blogger e non si può modificare nello script. Ciascun Video di Youtube ha la sua anteprima immagine che può essere ricavata così
      http://www.ideepercomputeredinternet.com/2010/10/come-trovare-l-della-miniatura-di-un.html
      cioè
      http://img.youtube.com/vi/ID_VIDEO/0.jpg
      o così
      http://img.youtube.com/vi/ID_VIDEO/1.jpg
      o cos'
      http://img.youtube.com/vi/ID_VIDEO/2.jpg
      o così
      http://img.youtube.com/vi/ID_VIDEO/3.jpg

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.