Pubblicato il 25/09/10 - aggiornato il  | 15 commenti :

Adesso si può scegliere il numero dei Post più Popolari da visualizzare nel widget di Blogger.

Dopo l'arrivo dei Post più popolari su Blogger e dopo i primi metodi di personalizzazione, il widget viene arricchito di nuove funzionalità. E' finalmente possibile settare il numero degli articoli da visualizzare senza ricorrere a artifici. Dopo essere andati su Blogger in Draft, aver cliccato su Design > Aggiungi un gadget > Post più popolari, nel menù a tendina, si seleziona il numero  di post da visualizzare

image

Si clicca su Salva e si posiziona con il mouse. Questo rende inutile l'inserimento della lunghezza del gadget come illustrato nel post linkato in precedenza. La cosa notevole è che si può comunque sempre personalizzare lo stile mantenendo il numero dei post visualizzati.

Andate su Design > Modifica HTML e cercate l'espressione "Articoli più popolari" o un altro titolo che avete dato al widget, cliccando su F3 o su Ctrl+F. Eliminate il codice da

<b:widget id='PopularPosts1' locked='false' title='Post più popolari' type='PopularPosts'>
<b:includable id='main'>

fino a

</div>
</b:includable>
</b:widget>

e sostituitelo con quest'altro

<b:widget id='PopularPosts1' locked='false' title='Articoli più letti' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
<b:else/>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img src='http://t9pysw.blu.livefilestore.com/y1pyDV2pEY18AF2Mp8eieGrghWSLgB1udVJJq3fNps6_-t5NcEqMOQQ51e8TM2v0-DPEi5eXJypDjrqC46urd98E2e9apZHo9NG/miniatura-90.jpg'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

in cui si può variare il titolo del widget e l'URL della miniatura che si visualizza quando non ci sono immagini negli articoli (entrambi evidenziati di rosso). Nei server di Blogger rimarrà comunque il numero dei post che si è selezionato di visualizzare in precedenza. Ecco come appare il widget con quattro articoli

widget-articoli-più-popolari

nel mio blog di demo. Se avete già personalizzato questo widget è anche possibile aprirlo cliccando sull'icona del cacciavite e della chiave inglese per settare il numero di post da visualizzare.

Si devono anche aggiungere i fogli di stile, se non lo si è già fatto, immediatamente sopra alla riga

]]></b:skin>

che possono essere simili a questi

/* Post Popolari Stile */
#PopularPosts1 li{
width:300px;
height: 70px;
border-bottom: 1px solid #111;
margin: 5px ;
padding: 0 0 15px 0;
}
.item-thumbnail {
padding: 5px;
}
.item-title {
padding: 30px 0;
font-size: 14px;
}

con le parti in rosso che possono essere personalizzate a piacere.



15 commenti :

  1. Ciao, io avevo già fatto le modifiche come spiegato nell'articolo precedente, è sufficiente che rimuova quetsa parte dall'HTML?
    /* Post Popolari */
    #PopularPosts1 {
    height: 803px;
    overflow: hidden;
    }
    Grazie Veggie

    RispondiElimina
  2. @Veggie
    E' esattamente così. Devi però riaprire il widget e inserire il numero dei post che vuoi vedere

    RispondiElimina
  3. Ok, fatto, tutto a posto. Ho provato con 5 o 7 post e funziona in ogni caso.
    Sei sempre di grande aiuto. Grazie
    Veggie

    RispondiElimina
  4. Dimenticavo! Ora inevitabilmente si è risolto anche il problema dello spazio tra gli elementi di cui ti avevo parlato nell'altro post.
    Ciao Veggie

    RispondiElimina
  5. Ciao! Ma non c'è un modo per personalizzare la dimensione delle thumbnail?

    RispondiElimina
  6. @Roccia
    Quello che si può fare è visibile nelle opzioni del widget. Si tratta di un gadget nativo di Blogger e non è che possiamo intervenire con delle modifiche; la maggior parte dei dati sono su server inaccessibili agli utenti.

    RispondiElimina
  7. Grazie per la risposta!
    Speriamo che lo rendano più personalizzabile, come quello degli ultimi post.

    RispondiElimina
  8. Visto che con te si può provare a chiedere anche di più, io oso: esiste la possibilità di mettere il numero di articoli letti. Quante volte quell'articolo è stato letto

    RispondiElimina
  9. @Stefano
    C'era un widget di questo tipo, il contatore delle visite in Blogger
    http://www.ideepercomputeredinternet.com/2010/04/come-inserire-un-contatore-delle-visite.html
    però ha dato dei problemi a chi lo ha installato

    RispondiElimina
  10. Allora è meglio lasciar perdere e aspettare un aggiornamento di blogger. Grazie.

    RispondiElimina
  11. Parsi, quale codice e dove lo inserisco per allineare il testo? Grazie. :)

    LeNny.

    RispondiElimina
  12. @LeNny
    Allineare il testo? Dovrebbe essere un elenco e quindi essere allineato di suo. Con margin agisci sulle distanze esterne al widget, con padding sulle distanze interne. Il riferimento a item-thumbnail riguarda la miniatura e item-title il titolo dei post. Prova a inserire un margin in quel settore di CSS, se è quello il problema

    RispondiElimina
  13. Grazie Parsi, forse mi sono spiegato male... Intendevo di allineare o giustificare il testo. Tipo quando scriviamo un articolo ed usiamo questo codice:

    div style="text-align: justify;">
    PROVA[/div]


    Ho inserito le parentesi quadre per farti capire.

    Vorrei inserirlo nel widget ma dopo diverse prove non sono ancora riuscito. Grazie. :)

    RispondiElimina
  14. @LeNny
    Prova a mettere
    text-align:justify;
    sotto item-title {
    nel CSS precedente. Non garantisco ...

    RispondiElimina
  15. @Parsi:

    Non funziona. :(
    Se un giorno ci riuscirrai ti offrirò una birra, eheheh. Per ora ci rinuncio...

    Ciao. :)

    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