Pubblicato il 02/01/10 - aggiornato il  | 23 commenti :

Come inserire il widget degli ultimi articoli con miniature sopra l'area del post.

Mi sono già occupato di questo gadget in altri due articoli

 1) Widget degli ultimi post con miniature -
 2) Widget degli ultimi articoli con miniature in orizzontale -

    adesso ho tradotto lo script e lo ripropongo nella versione per inserirlo in orizzontale subito sotto all'header. La particolarità di questo gadget è che non bisogna andare in Layout > Modifica HTML per modificare il modello ma si fa tutto attraverso l'inserimento di un elemento pagina HTML/Javascript.
    Widget degli ultimi articoli con miniature in orizzontale -
    Considerate il seguente codice


    <table style="background-color: #ffffff;">
    <tr>
    <td style="margin-left: 20px; margin-top: 10px;" align="left"><script language="JavaScript">
    imgr = new Array();
    imgr[0] = "http://tinyurl.com/oj827g";
    imgr[1] = "http://tinyurl.com/qzptmk";
    imgr[2] = "http://tinyurl.com/ok629f";
    imgr[3] = "http://tinyurl.com/omglru";
    imgr[4] = "http://tinyurl.com/q4wtpo";
    showRandomImg = false;
    tablewidth = 900;
    cellspacing = 7;
    borderColor = "#ffffff";
    bgTD = "#ffffff";
    imgwidth = 113;
    imgheight = 100;
    fntsize = 12;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 0;
    summaryFontsize = 11;
    summaryColor = "#666";
    icon2 = "  ";
    numposts =5;
    home_page = "http://miosito.blogspot.com/";
    </script>
    <script src="http://sites.google.com/site/ideepercomputeredinternet/script-1/scriptminiatureorizzontali.js" type="text/javascript"></script>
    </td>
    </tr>
    </table>
    <a href='http://goo.gl/eq3lj' style='display:none;'>Widget ultimi articoli con miniature</a>
    Le personalizzazioni da fare sono le seguenti

    1. #ffffff nella prima riga è il colore di background della tabella in cui sono inserite le miniature
    2. Gli URL del tipo http://tinyurl.com/oj827g rappresentano gli indirizzi di immagini che vengono visualizzate nel caso nei post non ne siano presenti nessuna. Se abbiamo un blog di cucina possono essere sostituite da immagini di ricette mentre se abbiamo un blog di motori da immagini di auto o di moto. Basta caricarle su un hosting tipo Skydrive, acquisirne l'indirizzo e sostituirle a le cinque proposte che sono foto di albe, tramonti e natura in genere.
    3. 900 è la larghezza del widget che dovrà essere uguale o inferiore al main-wrapper del vostro blog; non può cioè essere più largo dell'area in cui vengono inseriti i post.
    4. 113 e 100 sono rispettivamente la larghezza e l'altezza delle singole miniature e sono nella proporzione 4:3 che è la più usata nei formati di foto. Ovviamente questi numeri possono essere modificati a seconda delle esigenze
    5. 7 sono i pixel che devono intercorrere tra una miniatura e l'altra (cellspacing), cioè lo spazio tra di loro che può essere variato a piacere
    6. 5 è il numero delle miniature e quindi dei post che volete vengano visualizzati. Questo numero può essere calcolato considerando quanto è largo il widget (in questo caso 900 pixel), quante sono larghe le miniature (nel codice mostrato sono 113 pixel) e di quanto è la distanza tra di loro (è stato messo cellpasing=7)
    7. #ffffff è il colore del bordo delle miniature, in questo caso lasciato trasparente
    8. http://miosito.blogspot.com è la personalizzazione più importante e rappresenta l'URL del blog da cui acquisire i feed.
    9. Ricordarsi di inserire sempre il dominio canonico .com e non quello localizzato .it
    Dopo aver personalizzato il codice andate su Layout > Elementi pagina > HTML/Javascript > Aggiungi un gadget e incollatelo in Sezioni del sito, senza inserire titolo, quindi posizionatelo con il mouse subito sotto l'header o comunque sopra il post.


    23 commenti :

    1. ...piccola domanda...questo widget è simpatico ma io vorrei inserirlo in fondo al blog e (soprattutto)vorrei che non apparisse in home page...è possibile?
      grazie in anticipo

      RispondiElimina
    2. @bizzo
      Certo è possibilissimo.
      Per farlo apparire sotto il post basta che tu trascini l'elemento pagina sotto l'articolo andando in Layout > Elementi pagina.
      Per non farlo apparire in Homepage devi seguire le istruzioni di questo articolo con la personalizzazione di mostrare il widget solo nei post.
      Ciao

      RispondiElimina
    3. ...fatto...grazie mille per la pronta risposta...

      RispondiElimina
    4. ciao Parsifal cavaliere puro e senza macchia ... mediterranea ;-))
      stamattina il widget fa le bizze presenta una scritta BANDWIDTH EXCEEDED upgrade to PRO ACCOUNT
      cosa può essere? così non è bello
      da vedere e sono tentato da toglierlo
      ma prima vorrei sapere se tu puoi
      dare una spiegazione a questo fatto
      mai accaduto prima .. forse siamo in tanti ad usarlo??
      a qualche altro utente è capitato??
      in attesa vs considerazioni
      distinti augh!!

      RispondiElimina
    5. @tex willer
      Problema già risolto (che non dipendeva da me ma dall'hosting su cui Abu Farhan aveva caricato l'immagine). Leggi qua sotto
      http://parsifal32.blogspot.com/2010/04/slideshow-degli-ultimi-articoli-con.html

      RispondiElimina
    6. ciao parsifal e grazie per i tuoi sempre utilissimi articoli. ho provato ad inserire questo widget nel mio blog ma non funziona: non riesco a visualizzare niente. in altri blog in cui l'ho inserito invece va tutto a meraviglia. il mio blog è:
      www.qualcosadirosso.com
      è un dominio che ho attivato con la procedura automatica di blogger. potrebbe dipendere da questo? cosa dovrei fare per far funzionare questo gadget? ti ringrazio moltissimo per l'aiuto!

      RispondiElimina
    7. @sara b
      se in altri blog questo widget funziona e nel tuo no, probabilmente c'è un problema di incompatibilità di script. In questi casi c'è poco da fare :-(

      RispondiElimina
    8. Ciao Parsifal,
      volevo segnalarti che non funzionano più i gadget degli ultimi articoli e ultimi commenti!
      Grazie
      Mauro

      RispondiElimina
    9. @Mauro
      Ho presentato parecchi widget di questo genere. Se fossi così gentile da linkarmi i post dei due a cui ti riferisci te ne sarei grato. Grazie in anticipo

      RispondiElimina
    10. GRAZIE ERNESTO QUESTO TUO SWITCH è DAVVERO UTILE ..

      RispondiElimina
    11. Un aiutino (anzi 2):

      1. mi serve dividere i post visualizzati per etichette e ho trovato questa guida
      http://www.ideepercomputeredinternet.com/2010/02/come-creare-dei-widget-degli-ultimi.html
      Purtroppo però se la seguo e do l'ok mi cambia il layout di tutto il sito che cambia colore e diventà metà nero e metà grigio e il widget dei post recenti non viene proprio più visualizzato (non ho proprio idea del perchè). Qindi se aveste soluzioni alternative sarei felice di vagliarle;

      2. Forse questo è un po più semplice da risolvere. Vorrei far in modo che il titolo del post sotto la foto venga visualizzato solo in una breve parte (5/6 parole massimo), in quanto i titoli sul mio sito tenzono a essere sostanzialmente molto lunghi quindi solo la visualizzazione dei post recenti occupa uno spazio molto grande nell'homepage un po bruttino a vedersi.

      Idee?

      RispondiElimina
    12. Rickyilmejo,
      purtroppo non so come aiutarti. Non riesco a capire perché ti cambi il layout del blog a inserire un elemento pagina e anche per quello che riguarda il secondo quesito non mi risulta che ci siano in rete dei post che abbiano preso in esame una tale personalizzazione.

      RispondiElimina
    13. Nuovamente alla carica...!
      E' da molto che utilizzo questo ottimo widget ma avrei bisogno di modificare due cosine (se possibile).
      La prima è il colore delle scritte dei titoli (li vorrei neri anzichè grigi). Ho provato a modificare i colori esistenti ma non ci riesco proprio... Mi rimangono sempre grigi.
      La seconda cosa: i miei titoli sono, spesso, abbastanza lunghi. E' possibile visualizzare solo, ad esempio, i primi 20 caratteri anzichè il titolo completo?

      RispondiElimina
    14. ciao a tutti

      Il grande mistero:
      nel mio template simple a 3 colonne
      inserisco un widget recent post in orizzontale senza problemi
      ma poi NON SI VEDE NEL BLOG
      e sono sicuro sia compatibile con il template

      infatti su un altro blog di prova con lo stesso template
      la stessa widget si vede benissimo!

      ho provato a fare di tutto
      a ripulire il codice widget del template
      a togliere a mano tutte le altre widget ed inserire solo quella
      etc etc etc
      ma niente da fare, nel mio blog primario a pari condizioni con quello di prova
      la widget recent post orizzontale NON SI VEDE anche se c'è nella struttura elementi

      Prima sul blog principale avevo un template professional ourblogger e già non funzionava questa widget sotto l'header e nemmeno quella slideshow
      sono passato apposta al simple per ovviare al problema...ma sono rimasto gabbato lo stesso: è rimasto un qualcosa che da fastidio a questa widget per me veramente necessaria

      non so più che inventarmi...
      magari inserire direttamente il codice html di questa widget nella struttura html del template?
      (come si fa?)

      o c'è qualche altra soluzione?

      help
      grazie

      RispondiElimina
    15. @Beatotrader
      Questo widget come tutti quelli che mostrano gli ultimi post, si basano su JSON. Se per caso hai un altro widget che utilizza lo stesso indirizzo di feed può succedere che ne funzioni solo uno dei due.

      RispondiElimina
    16. il mio blog è questo
      http://www.ilgrandebluff.info/

      ho delle widget normalissime
      la maggior parte sono foto con link
      widget standard di blogger
      e poco più (Histats)
      i recent post verticale l'ho messo solo perchè non funziona l'orizzontale
      ma se anche lo tolgo l'orizzontale non si vede lo stesso...

      Il mistero è che quando ho fatto la prova
      ho tolto TUTTE le widget
      da entrambi i blog (quello di prova e quello principale)
      c'era solo l'area post e nient'altro...
      ho inserito SOLO questa widget: in quello di prova funzionava ma nel principale NO...

      mi sono detto: magari c'è qualche pezzo di codice widget rimasto
      ed ho usato anche la funzione
      Ripristina modelli widget ai valori predefiniti
      in entrambi i blog

      non so proprio che pesci pigliare
      ....
      grazie

      RispondiElimina
    17. ciao io ho installato il widget tranquillamente un paio di settimane fa ma oggi non si vede più neanche una foto all'interno ho il riquadro con scritto installa il widget e modifica. Cosa devo fare, non sono molto pratica nell'utilizzo del pc il mio blog è http://mielevaniglia.blogspot.com/ grazie dell'attenzione Rosalba

      RispondiElimina
      Risposte
      1. p.s. ho risolto, avevo visualizzato un gadget di fb per il blog, non mi piaceva e non l'ho salvato. Nonostante ciò mi si è installato. Non me ne sono accorta subito, ma quando l'ho visto l'ho rimosso ed e ricomparso il tuo. Rosalba :)

        Elimina
      2. @Miele+-+-+-+
        Tutto è bene quello che finisce bene :)

        Elimina
    18. Ernesto questo tuo, funziona su un Blog e non sull'altro.. http://ceraunavolt-important-people.blogspot.it/

      qui no, perché ?? http://www.legalizzameno-stresspiucultura.com/

      RispondiElimina
      Risposte
      1. @enricobottaccio
        Sei sicuro di aver inserito l'URL del tuo sito con il .com invece del .it come specificato nel punto(?
        Se è così e non ti funziona può darsi che dipenda dal fatto che tu hai un altro widget degli ultimi post nel blog. In questo caso prova a toglierlo per poi mettere questo e eventualmente rimettere anche l'altro.

        Elimina
    19. ciao.ho un blog su blogger. ho acquistato il dominio con gestione dns.. all'interno dello script basta che sostituisco il vecchio indirizzo .blogspot.com con il nuovo www.miosito.it?

      RispondiElimina
      Risposte
      1. Per quello che riguarda questo widget sì basta fare quello
        @#

        Elimina

    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