Pubblicato il 30/01/13 - aggiornato il  | 12 commenti :

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

Come modificare le dimensioni delle miniature delle immagini nel widget dei Post più Popolari di Blogger.
Il gadget dei Post più Popolari è uno di quelli ufficiali di Blogger e mostra in ordine decrescente gli articoli che hanno avuto il maggior numero di visite. Per installarlo si va su Layout > Aggiungi un gadget > Post più Popolari. Possiamo scegliere il numero di elementi da visualizzare da 1 fino a 10, il lasso di tempo da prendere in considerazione per le statistiche e se mostrare solo il titolo o anche la miniatura e lo snippet.

In alcuni modelli questo widget viene mostrato come un elenco con degli antiestetici puntini prima di ogni miniatura. Mi sono già occupato di come eliminare questo problema e di come personalizzare tutto il widget. Con i CSS presentati in quel post non era però possibile modificare le dimensioni delle miniature. La cosa si è potuta risolvere utilizzando JQuery.

Adesso vediamo come sia possibile cambiare altezza e larghezza delle miniature del gadget senza l'utilizzo di librerie javascript esterne che possono dar luogo a questioni di incompatibilità ma apportando soltanto delle piccole modifiche al modello. Il nostro obiettivo sarà quello presentato in questo screenshot

modificare-dimensioni-miniature-post-popolari
Dopo aver salvato il template si va su Modello > Modifica HTML > Procedi e si espandono i modelli widget. Si pigia su F3 o su Ctrl+F e si incolla il titolo del widget per cercalo nel template. Si vedrà una cosa simile al seguente screenshot

post-popolari-widget

Si scorre il codice fino a trovare le stringhe
height='data:thumbnailSize'  e
width='data:thumbnailSize'

Ce ne dovrebbero essere due per ciascuna di esse

modifica-miniature-post-popolari

In entrambe le occorrenze dovranno essere sostituite rispettivamente con

height='160'  e
width='160'

dove il numero 160 rappresenta la dimensione in pixel della altezza e della larghezza della miniatura e che può essere ovviamente scelta a piacere.

miniature-post-piu-popolari

Si salva il modello. Le miniature delle immagini dei post prenderanno le nuove dimensioni. Concludo ricordando che per togliere il puntino si cerca la riga ]]></b:skin> e, subito sopra, si incolla il CSS

#PopularPosts1 li{list-style:none;}


12 commenti :

  1. Ciao il tuo blog è pazzesco ci sono una marea di informazioni utilissime grazie mille.... una cosa sola posso farti una richiesta???

    Hai presente il widget dei "lettori fissi"???
    io ho un problema, vorrei poter decidere io stesso la grandezza da attribuirgli ma essendo un widget "preimpostato" non mi fa modificare questa opzione...

    sai se è possibile farlo in altri modi o hai dei sotterfugi da potermi proporrre??

    grazie ancora buona giornata!

    RispondiElimina
    Risposte
    1. @# Il widget dei Lettori è destinato a essere presto sostituito
      http://www.ideepercomputeredinternet.com/2011/11/google-friend-connect-sara-cancellato.html
      e non si può più operare nel codice perché non è più possibile entrare nelle impostazioni.

      Elimina
    2. ciao Ernesto, ma nel post che mi hai linkato si parla di MARZO 2012..... e a quanto pare però ad oggi APRILE 2013 non è successo niente...
      quindi che fine dovrà fare questo utile widget?

      Elimina
    3. @# E' rimasto solo su Blogger ma non si può più personalizzare. Credo che tra un po' lo elimineranno e lo sostituiranno con quelli di Google+ ma non so quando

      Elimina
    4. Ciao, intanto ti ringrazio per questo post.
      Io purtroppo ho riscontrato una notevole perdita di qualità dell'immagine nella miniatura nel momento in cui vengono modificate le dimensioni.
      Si può risolvere questo problema?

      Elimina
    5. No. Le dimensioni di default sono 72x72 e quando si aumentano la miniatura si sgrana. Al massimo si può cercare un compromesso tra dimensioni e qualità delle immagini. Se invece si riducono ovviamente non c'è nessun problema
      @#

      Elimina
  2. Ciao! Grazie per tutti i trucchi e consigli, prima di tutto. Avrei mille domande, ma parto da questa. Perché nel widget dei post popolari NON A TUTTI affianca l'immagine? Eppure, in ogni mio post ce ne è anche più di una... Di alcuni post visualizza solo il titolo, e il risultato è un elenco graficamente incoerente e... un po' triste. C'è una soluzione?
    Il mio blog è http://lamisuradellecose.blogspot.it/
    Grazie, Anna.

    RispondiElimina
    Risposte
    1. Ti ho già risposto nel modulo di Facebook qui
      http://www.ideepercomputeredinternet.com/2013/01/miniature-post-popolari-blogger.html?fb_comment_id=531806770184873_1041819122516966

      @#

      Elimina
    2. Sì, scusa per averlo postato due volte, la prima non mi ero accorta che si trattasse dei commenti su Fb... grazie per la risposta, proverò a farci caso.

      Elimina
  3. Ciao Ernesto, purtroppo a me non compare la stringa che tu di di trovare. Ho trovato solo questo che si avvicina molto a quello che tu dici. Come posso fare per aumentare le miniature?


    codice:

    <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage,

    RispondiElimina
    Risposte
    1. Il post è di 4 anni fa quindi da allora è probabile che il codice sia mutato. Se trovi nel codice una stringa simile a data:thumbnailSize prova a sostituirla con un valore come indicato nel post. Ricordati di salvare il template prima di procedere. La stringa deve iniziare con data: e avere un testo che indichi la dimensione della miniatura
      @#

      Elimina
  4. Scusami, non è completo perché non me lo fa mettere tutto.

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy