Pubblicato il 30/04/10 - aggiornato il  | 158 commenti :

Slideshow degli ultimi articoli con miniature, uno straordinario widget per Blogger.

Quello che vado a presentarvi è sicuramente uno dei gadget più affascinanti per la piattaforma di proprietà di Google. E' stato creato dal grande blogger indonesiano Abu Farhan Albanjari autore di molti altri plugin che ho tradotto in italiano. L'idea è quella di presentare uno slideshow in cui vengono mostrati gli ultimi articoli corredati da miniature. Ci sarà uno scorrimento naturale che permetterà al lettore di visualizzare un numero predefinito di articoli. In ogni rettangolo sarà visibile il collegamento al post con la miniatura della prima immagine presente, il titolo, la data e il numero dei commenti. Per avere un'idea di quello di cui sto parlando andate a guardare, in alto a destra, la
Per ottenere questo effetto si utilizza la tecnologia JQuery (libreria di funzioni in Javascript) con la tecnica Ajax che consente l'aggiornamento dinamico di una pagina senza il ricaricamento da parte dell'utente. Il widget ha un'unica pecca che per adesso non è stata ancora risolta. Non riesce cioè a mostrare il sommario dell'articolo come mi è stato anche fatto notare in un commento.
Ma veniamo al codice semplicemente da incollare su Design > Aggiungi un gadget > HTML/Javascript


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:350px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:340px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:72px;
overflow: hidden;
background:#fff url(http://hgavqa.blu.livefilestore.com/y1pZTPL3rn8D7HlTL-M1SzV17ZT3B9MzCkegyNt7aTZUrF3edUefcfoJACfprZ8QTAid-cEApkFmM9rxkd7vvqSZXJbfLpayXFx/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
    <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 = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "commenti";
showPostDate = true;
summaryPost = 50;
summaryFontsize = 8;
summaryColor = "#666";
icon2 = " ";
numposts = 8;
home_page = "http://demo-parsifal32.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<noscript><a href='http://goo.gl/19Llt' target='_blank'><span style='font-size: x-small;'>Slideshow Widget</span></a></noscript>
<div id="spylist">
    <script src='http://sites.google.com/site/ideepercomputeredinternet/script-1/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>


Le parti evidenziate in rosso sono tutte quelle che sono più soggette a personalizzazioni
  1. width: 350px; rappresenta la larghezza dei singoli box e può essere adattata alla larghezza della nostra sidebar
  2. width: 340px; è invece la larghezza interna che deve essere in qualche modo inferiore a quella esterna
  3. height: 72px; è l'altezza del box e deve essere calcolata in modo da rendere visibili le miniature
  4. imgr[0], [1], [2], ecc sono gli URL delle miniature che appariranno quando nei post non sono presenti delle immagini. Ho inserito cinque immagini di natura che possono però essere sostituite da altre preventivamente caricate su hosting tipo Skydrive, ImageShack, Tinypic, ecc
  5. 70 sono i pixel della larghezza e dell'altezza delle miniature. La loro dimensione può essere adattata alle esigenze del nostro modello
  6. 12 è la dimensione dei caratteri del titolo
  7. commenti è il testo che viene visualizzato accanto al loro numero; se si toglie si vedrà solo il numero tra parentesi
  8. showPostDate = true; significa che si vuol mostrare anche la data del post. In caso contrario si sostituisce true con false
  9. numposts =8; è una delle variabili fondamentali. Infatti il widget è creato in modo da mostrare contemporaneamente le miniature di quattro articoli. Il numero che viene inserito determinerà quanti saranno gli ultimi post che alternativamente saranno visualizzati dal lettore nello slideshow
  10. In home_page dovrà essere inserito l'URL del blog (meglio se comprensivo di slash finale)
L'installazione è semplicissima. Si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla il codice dopo aver effettuato le nostre personalizzazioni. Si clicca su Salva, con il mouse, si posiziona nel punto desiderato e si clicca nuovamente su Salva. Con pochi click vi ritroverete veramente un widget straordinario.
Fonte | Recent Post for Blogger with thumbnails and simple spy -
Aggiornamento: in seguito al superamento della larghezza di banda dell'immagine caricata su Photobucket mi sono visto costretto a ricaricarla su un altro hosting. Coloro che avessero il widget non funzionante possono ricopiare il nuovo codice o sostituire semplicemente l'URL dell'immagine di sottofondo evidenziato di rosso. Per evitare nuovi problemi di superamento può essere utile caricarla su un proprio spazio.



158 commenti :

  1. bellissimo messo e prsonalizzato! Grazie.
    Ne approfitto x chiederti un'altra cosa... in alcuni blog c'è la lista dei link che si aggiorna automaticamente... una sorta di blog roll list ... trovo qui il codice? kiss

    RispondiElimina
    Risposte
    1. salve io non voglio che appaia la data , ma mi appare la scritta undefined , si puo' togliere? o non farla apparire dandole un colore bianco?

      Elimina
    2. @ciacio84
      Nel codice c'è questo codice

      .spydate{
      overflow:hidden;
      font-size:10px;
      color:#0284C2;
      padding:2px 0px;
      margin:1px 0px 0px 0px;
      height:15px;
      font-family:Tahoma,Arial,verdana, sans-serif;
      }

      Prova a sostituirlo con quest'altro

      .spydate{display:none;}

      Potrebbe funzionare.

      Elimina
  2. Grazie! con calma finirò di personalizzarlo, ma grazie mille.
    ciao
    ALe

    RispondiElimina
  3. Bene e adesso che l'hai pubblicato hai idea di come fare per associarlo ad una sola etichetta?

    RispondiElimina
  4. @soffio di dea
    postami un link di esempio affinché possa capire di cosa si tratta

    @takycardia
    C'è solo la variabile homepage e non l'URL dei feed quindi allo stato non so come si potrebbe fare

    @alessia
    felice che ti sia piaciuto ^_^

    RispondiElimina
  5. Grazie è quello che ci voleva, io ne avevo fatto uno usando lo scorrimento in hatml ma è una follia aggiornarlo... grazie grazie

    Tival

    RispondiElimina
  6. allora se vai ad esempio in Trendynail http://trendynail.blogspot.com/
    nella Home page a fondo pagina... c'è My Blog List... dove capitano x primi i siti (messi tra i preferiti come link) che mettono nuovi articoli... vorrei fare una cosa del genere :) grazie

    RispondiElimina
  7. @soffio di dea
    Domani mattina se ho dieci minuti di tempo ci faccio un post.
    Ciao

    RispondiElimina
  8. @tiziana
    a breve potrebbero esserci anche delle migliorie in questo widget che comunque va già bene così.
    Ciao

    RispondiElimina
  9. Parsifal quando puoi... nn è urgente... grazie in anticipo :* kiss

    RispondiElimina
  10. L'ho già pubblicato. E' qui
    http://parsifal32.blogspot.com/2010/05/come-aggiungere-il-widget-dell-blog.html
    Ciao

    RispondiElimina
  11. è da un paio di giorni che non funziona più (???) forse dipende da qlc tuo script che rimanda a googlesites?? è strano erchè ha smesso di funzionare all'improvvisomcome se non trovasse più le istruzioni necessarie

    RispondiElimina
  12. @tex willer
    Nel mio blog di demo funziona ancora. Funziona anche in questo blog
    http://soffiodideanailart.blogspot.com/
    come puoi constatare. Se lo hanno installato in parecchi è possibile che si sia superata la alrghezza di banda.
    In questo caso dovresti scaricare questo file
    http://sites.google.com/site/ideepercomputeredinternet/script-1/recentpostthumbspy-min.js
    caricarlo su un tuo hosting e sostituire l'indirizzo.
    Può essere che ripetendo l'inserimento ricominci a funzionare.
    Ciao

    RispondiElimina
  13. Parsifal ho messo anche questo fantastico widget ma non riesco a capire come mai il bordino bianco non viene chiuso a destra?

    RispondiElimina
  14. @darkoide
    ogni modello fa storia a sé...

    RispondiElimina
  15. Capito Parsifal, ma toglimi una curiosità...c'è un modo per far uscire nel riquadro anche l'autore del post?

    RispondiElimina
  16. @darkoide
    Abu Farhan, l'autore dello script con cui sono in contatto via Twitter so che ci sta lavorando...

    RispondiElimina
  17. Ok, allora seguirò costantemente il tuo sito in attesa di novità :)

    RispondiElimina
  18. Parsi ti confermo non funziona. Il tuo script non viene caricato. Credo ci sia un errore. Se apro il tuo javascript con Microsoft Windows Based Script Host mi dice:
    Errore di run-time di Microsoft JScript
    Codice:800A138F
    Errore: Previsto oggetto
    Riga: 6 Carattere: 1
    Se invece carico il javascript di Abu Farhan funziona: http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js
    Domanda importante: si può fare in modo sche scorra orizzontalmente con il titolo dell'articolo sotto all'immagine?

    RispondiElimina
  19. @giorgiogal
    lo script è stato installato su diversi blog oltre che nel mio blog di prova e funziona. Forse dipende dal fatto che l'ho caricato su Google Sites che a qualcuno dà dei problemi...

    RispondiElimina
  20. Parsifal, riesci a studiarne una versione che scorra orizzontalmente? credo che potrebbe essere un interessante widget. una cosa tipo il tuo widget orizzontale con thumbnails e titolo post, che faccia scorrere orizz. magari 10/12 post ma che ne faccia vedere contemporaneamente non più di 4/5 (per risparmiare spazio).
    Con jquery? mootools? ho visto una cosa simile qua: http://www.immobiliare.it, la VETRINA IMMOBILIARE in centro pagina...
    Grazie! :)))

    RispondiElimina
  21. @giorgiogal
    credo sia una cosa al di sopra delle mie capacità :-)

    RispondiElimina
  22. rispondo qua ok risolto cambiato link bkground denghiù

    RispondiElimina
  23. Tex Willer... non ho capito come fare, ed ho anch'io lo stesso problema, mi dici come hai fatto... grazie :-)

    RispondiElimina
  24. @tiziana
    Sostituisci l'URL che sta dopo
    background:#fff url
    con quest'altro
    http://hgavqa.blu.livefilestore.com/y1pZTPL3rn8D7HlTL-M1SzV17ZT3B9MzCkegyNt7aTZUrF3edUefcfoJACfprZ8QTAid-cEApkFmM9rxkd7vvqSZXJbfLpayXFx/post.jpg
    oppure puoi sostituire tutto il codice ^_^

    RispondiElimina
  25. Ciao, è possibile ordinare al gadget di mostrare in "random" gli articoli?
    Soprattutto è possibile dare l'anteprima di TUTTI gli articoli presenti nel blog?
    grazie attendo risposta per email qui
    matteopicuti@gmail.com

    RispondiElimina
  26. @HogasH
    per gli articoli in random sostituisci true con false nella riga del codice che sovrintende a questa opzione, cioè metti
    showRandomImg = false; al posto di
    showRandomImg = true;
    Non ne ho testato però il funzionamento.
    Per l'anteprima di tutti gli articoli del blog, dipende da quanti ce ne hai. Per esempio in questo blog ce ne sono più di duemila ed è impossibile.
    Una cosa che ti può essere utile è la sitemap del sito per categorie
    http://parsifal32.blogspot.com/2009/10/come-creare-una-mappa-del-sito-per.html
    Puoi vedere un esempio qui sotto
    http://parsifal32.blogspot.com/p/mappa-del-sito-per-categorie-in-ordine.html
    Ciao

    RispondiElimina
  27. Ciao parsifal, ho fatto queste modifiche al tuo widget in modo da trasformarlo in uno SlideShow degli Ultimi Post molto simile a quelli che si usano su wordpress.
    Dai un'occhiata è stato semplice ma grazie sempre a te

    http://peppegenchi.blogspot.com/2010/07/inserire-slideshow-degli-ultimi-post-in.html

    RispondiElimina
  28. @peppe genchi
    Personalizzazione interessantissima. In taluni blog con poco spazio è anche meglio dell'originale.
    Funziona anche con IE! il che è tutto dire...

    RispondiElimina
  29. grazie parsifal. Provo a metterci del mio. Alla prossima

    RispondiElimina
  30. Salve,
    a voi compare il sommarypost?
    a me compare solo il titolo del post, la data e i commenti.

    RispondiElimina
  31. @pianeta calcio
    Quello del summary post è un tema che non è ancora stato risolto.Ci sta lavorando l'autore del widget. Se avrò notizie farò un aggiornamento

    RispondiElimina
  32. Grazie Parsifal32. Ottimo lavoro!
    hai qualche idea su come rendere random lo scorrimento dei post mostrati nel widget? Non voglio randomizzare le immagini, ma i post.

    RispondiElimina
  33. sono sparite le foto delle miniature..prima c'erano. Cosa è successo? Grazie in anticipo!

    www.gianlucapizzolla.blogspot.com

    RispondiElimina
  34. @gianluca p
    Fenomeno molto strano. Hai postato con Windows Live Writer?
    Sono sparite improvvisamente o dopo che hai cambiato qualche parametro?Nel mio blog di prova funzionalo ancora bene.
    Prova a sostituire lo script dell'ultima riga con questa e poi fammi sapere
    http://sites.google.com/site/scriptperilblog/slideshow/recentpostthumbspy-min1.js
    Ciao

    RispondiElimina
  35. Quando ho "incollato" lo script che hai proposto (quello in alto) ho apportato delle modifiche ma tutto ha funzionato fino a quando stamattina non ho più visto le foto..provo con la modifica che hai proposto...e grazie per la tempestività...

    ti faccio sapere al più presto

    gianluca p

    RispondiElimina
  36. Ho provato a sostituire la parte finale dello sript ma nulla. Quindi ho ripetuto tutta l'operazione, il problema è che ora mi fa vedere soltanto le foto dei tramonti, ma non quelle relative ai miei post...

    Lo script che ho copiato è quello sopra. Ho miniaturizzato ulteriormente le foto per esigenze di spazio e aumentato il numero di post che devono scorrere.

    Cosa devo fare per far vedere le mie foto?

    ps ho provato anche a togliere gli url delle foto dei tramonti, in questo caso scorre il testo ma non si vedono immagini.

    Grazie in anticipo

    RispondiElimina
  37. @gianluca p
    Se ti fa vedere le foto di albe e tramonti vuol dire che lo script funziona e che il problema sta nel modo in cui posti le immagini. Hai cambiato qualcosa nel metodo in cui le inserisci nei post?
    Prova a inserirle direttamente su Picasa o un altro hosting per vedere se risolvi. Non posso aiutarti in altro modo, mi spiace.
    Ciao

    RispondiElimina
  38. ciao Parsifal32, grazie per questo meraviglioso widget!! mi piace moltissimo.
    Dopo varie prove ci sono riuscita...mi sembrava complicato ma e' facilissimo, infatti le foto le ho caricate nel momento del post con il sito di hosting e quindi non ho dovuto fare niente di particolare, solo aggiungere il widget e cambiare ovviamente l'url.
    ciao buona serata!! :)

    RispondiElimina
  39. Ciao! Puoi fare una guida chiara e sopratutto semplice su come inserire easyslider su blogger (se è possibile).

    RispondiElimina
  40. E' una cosa che richiede diverso tempo. Se ne ho, senza impegno... :-)

    RispondiElimina
  41. Grazie mille!!! Nonostante sia un'imbranata in queste cose ci ho messo un secondo e mezzo! E funziona!!! Se volete date un'occhiata al mio blog: lagattallardo.blogspot.com
    :-)

    RispondiElimina
  42. ciao...grazie per tutto quello che metti a disposizione!!!volevo chiederti perchè usando questo widget prima dell'acquisto del dominio(quando ero in blogspot) funzionava perfettamente, dopo del reindirizzamento al dominio acquistato non ha più funzionato!!! sapresti rispondermi???

    RispondiElimina
  43. @Mr Tufini1
    In Blogger ci sono delle cose imperscrutabili. Del tuo problema che è comune a molti che sono passati al dominio personalizzato ne ho parlato in questo post
    http://www.ideepercomputeredinternet.com/2010/11/cosa-fare-durante-il-passaggio-da-un.html
    Ciao

    RispondiElimina
  44. Grazie parsifal32 per le ottime "chicche" che offri a noi che "scimmiottiamo" da blogger!
    Questo gadget che ci offri è veramente carino e funzionale.
    Io l'ho appeno installato ma spesso mi accorgo che si blocca, non scorre. Quali possono essere i problemi?
    Altra domanda, forse sono stato poco attento alla tua dettagliata descrizione, dove devo intervenire per ridurre la larghezza dell'intero rettangolo del gadget?

    grazie ancora

    Quelli che l'Inter...

    RispondiElimina
  45. @francescomisc
    Per ridurre la larghezza del widget devi agire sui valori
    width: 350px; larghezza esterna e
    width: 340px; larghezza interna
    IL fatto che scorre poco può essere dovuto alla presenza di altri script che interferiscono o alla eccessiva pesantezza della pagina

    RispondiElimina
  46. @francescomisc
    Mi hai chiesto se posso aiutarti. Anche volendo non saprei come fare visto che dovrei entrare nella tua Bacheca e provare a togliere un widget e poi un altro fino a trovare quello giusto.

    P.S. Ho eliminato il tuo commento perché conteneva un link attivo. Un tale link c'era anche nel tuo precedente commento e due in uno stesso post mi sembrano troppi :)
    Per mostrare un URL o fare pubblicità al proprio blog in questo sito è sufficiente incollare il link senza mettere codice HTML. Non posso stare a controllare tutti i link attivi che mi postano, ti pare ^:^

    RispondiElimina
  47. Scusami pardifal32, hai perfettamente ragione.
    Non volendomi assolutamente giustificare, ripeto hai perfettamente ragione, il mio blog è privo di pubblicità (forse caso unico al mondo) quindi ho poco interesse a fare inutile reclame.
    NESSUNISSIMA polemica, ma solo un doveroso chiarimento.

    Grazie ancora per i numerosi aiuti che quotidianamente dispensi a noi "poveri" principianti.

    un saluto sincero, a presto

    RispondiElimina
  48. OK, forse ho trovato la motivazione del mio problema.
    Ho la sensazione che il widget che proponi, ha difficoltà in crome.

    RispondiElimina
  49. @francescomisc
    Tutti i widget andrebbero controllati almeno con tre browser: Firefox, Chrome e IE. E' con IE che ci sono i maggiori problemi

    RispondiElimina
  50. Explorer????? no,no... è una vita che non ne faccio più uso, così come totto ciò che è di proprietà di Bill Gates.
    Linux, ubuntu per la precisione, sono ormai il mio regno.

    grazie ancora

    RispondiElimina
  51. Ciao, ma questo widget si potrebbe applicare ad una solo singola etichetta?
    Grazie

    RispondiElimina
  52. @Mauro
    No, così com'è non è possibile. Si basa sull'URL del sito e non su quello dei feed.

    RispondiElimina
  53. ciao anzichè 4 articoli contemporaneamente se ne possono mettere di piu??? se si come?? grazie in anticipo

    RispondiElimina
  54. @Amministratore
    Bisognerebbe mettere mano allo script e onestamente non me la sento

    RispondiElimina
  55. Ascolta io ho inserito questo GADGET sul mio sito è funzione benissimo ... però mi domandavo se si poteva fare scorrere le notizie lateralmente anziché verso il basso ... fammi sapere ... GRAZIE ... se vuoi puoi inviarmi anche un EMAIL rosanerochannel@yahoo.it

    RispondiElimina
  56. @Salvatore Cuccia
    Se c'è anche verticale non ne sono a conoscenza

    RispondiElimina
  57. Cmq io intendevo orizzontalmente ... ma non sapresti fare una modifica al codice per modificare lo scorrimento?

    RispondiElimina
  58. @Salvatore Cuccia
    Il mio è stato un lapsus, avevo capito benissimo che intendevi in senso orizzontale.
    A questo widget, come ho scritto anche nel post, ha lavorato Abu Farhan Albanjari.
    Puoi leggerti i commenti e le spiegazioni in questo link
    http://www.abu-farhan.com/2009/07/recent-posts-for-blogger-with-thumbnail-and-simple-spy/
    Alcuni sono in indonesiano, quindi difficilmente comprensibili. Dando una scorsa veloce con F3 ho rilevato solo una occorrenza di horizontal e poco rilevante. Ci sarebbe anche questo slideshow
    http://www.ideepercomputeredinternet.com/2011/01/come-inserire-uno-slideshow-di-foto-con.html
    ma è alquanto diverso. Poi ho scritto un altro post per inserire uno slideshow di un solo elemento mo non riesco a trovarlo :(
    Ciao

    RispondiElimina
  59. Ciao Parsifal,
    visto che nella home ho impostato la visualizzazione di n. 10 post, è possibile impostare una funzione in base alla quale vengano visualizzati nella slideshow dall'11° articolo in poi? In modo tale da non ripetere nella slide gli articoli già presenti nella home.

    RispondiElimina
  60. @Webmaster
    Onestamente non lo so ma mi sembra un lavoro inutile. La maggior parte delle persone arrivano sui blog attraverso i post e non attraverso la home, lo fa solo chi conosce già il tuo blog.

    RispondiElimina
  61. Prova a dare un'occhiata sul mio sito calcionapoli365.com , sarebbe importante per me impostare la visualizzazione dall'11° post (del feed) in poi del widget "Ultimi articoli" con miniatura, in quanto reputo inutile visualizzare e riportare di nuovo riferimenti dei primi 10 post già presenti più su.
    Credi che si possa impostare che legga dal feed dall'11° post in poi?

    RispondiElimina
  62. @Webmaster
    Ci penserò, senza impegno. Ciao

    RispondiElimina
  63. Grazie mille Parsifal,
    mi farai sapere in questa pagina?

    RispondiElimina
  64. @Webmaster
    Ho già visto che è praticamente impossibile. Infatti non c'è l'URL dei feed dove al limite si poteva lavorare per inserire quelli che ci servivano ma solo l'URL della Homepage.

    RispondiElimina
  65. Grazie mille lo stesso Parsifal, mi sapresti dire se è possibile ridurre il margine dei gadget? Ad esempio vorrei ridurre il margine del menu di navigazione in alto e l'immagine in testata...

    RispondiElimina
  66. @Webmaster
    Prova a cambiare i valori dei pixel in margin-top:5px; oppure in margin e padding.
    Per l'immagine si possono variare le dimensioni in thumbwidth = 70; e
    thumbheight = 70;
    Ciao

    RispondiElimina
  67. Ho aggiustato un pò i margini ma quello che mi manca è proprio una voce che faccia riferimento a widget o gadget da poter personalizzare...il menu e l'immagine in testata sono 2 gadget sovrapposti ma non trovo alcuna voce dove poter restringere relativi margini...ciò servirebbe anche per restringere gli elementi in sidebar...

    RispondiElimina
  68. Ciao e grazie per questo bel widget ed in generale per il tuo blog molto utile per la personalizzazione del mio blog.
    Passiamo alla parte tecnica, ho una domanda
    Esiste un modo per mandare a capo il testo che appare nella finestrella?
    Molte volte io ho titoli lunghi e il testo mi scompare oltre la finestrella, c'è un modo per mandarlo a capo?

    Grazie anticipatamente e scusa

    RispondiElimina
  69. @yota71
    Tutto quello che è personalizzabile è indicato nel post. Puoi allargare le dimensioni se proprio non vuoi accorciare i titoli :)

    RispondiElimina
  70. un'altra domanda, oggi ho acquistato un dominio .net tramite blogger, ma mi sono accorto che il suddetto widget sul mio indirizzo .net non funziona più, può essere che dipenda dal fatto che non sono più sotto blogspot?

    RispondiElimina
  71. @yota71
    Purtroppo quando si passa a un dominio personalizzato alcuni widget possono smettere di funzionare. Qualche volta riprendono dopo pochi giorni. Forse ti può essere utile questo post
    http://www.ideepercomputeredinternet.com/2010/11/cosa-fare-durante-il-passaggio-da-un.html
    Ciao

    RispondiElimina
  72. ciao parsifal, sei il numero uno, il tuo blog è ricco di cose utilissime.. volevo chiederti se è possibile cambiare il colore di fondo della slide, non riesco a capire come si fa, forse perche non si puo'.. grazie

    il mio blog, reso decente grazie ai tuoi consigli...
    voti-fanta.blogspot.com

    RispondiElimina
  73. @jabbar
    I colori si cambiano andando su Design > Designer Modelli > Avanzato > Sfondi

    RispondiElimina
  74. Ciao,l'ho appena inserito nel mio blog solo che anche se nei miei post ci sono delle immagini nelle miniature dello slideshow escono le immagini che hai messo tu..dove sbaglio?
    Ciao e grazie

    RispondiElimina
  75. @Petra
    Non sbagli. Forse posti con WLW e in genere una foto va inserita con l'editor di Blogger per essere considerata nei widget. Però ogni blog e ogni modello fa storia a sé.

    RispondiElimina
  76. Si infatti posto con WLW .E che faccio adesso?

    RispondiElimina
  77. @Petra
    Se vuoi vedere le miniature Inserisci il post come bozza su Blogger. Una immagine lasciala e caricala dalla bozza con l'Editor di Blogger, quindi pubblica il post.

    RispondiElimina
  78. Parsifal ho provato ma nn va...che faccio?

    RispondiElimina
  79. @Petra
    Purtroppo non ho altre idee in merito alla comparsa di miniature postate con WLW.

    RispondiElimina
  80. grazie ugualmente...a risentirci...ciao

    RispondiElimina
  81. @Petra
    Hai già provato con questo metodo?
    http://www.ideepercomputeredinternet.com/2011/03/come-visualizzare-di-nuovo-le-miniature.html

    RispondiElimina
  82. Ciao, complimenti per il lavoro e per il sito. Questo Gadget lo trovo veramente molto bello ma ho un problema nella visualizzazione. Utilizzando il codice originale e modificando solo le dimensioni della sidebar per portarla a 320, non riesco a vedere nulla tranne che una parte della miniatura dell'immagine stirata in orrizzontale per tutto lo spazio. Cosa potrebbe essere?

    RispondiElimina
  83. @SE-Gen
    Oltre a diminuire da 350 a 320 i pixel di larghezza devi anche modificare l'altro parametro della larghezza interna portandolo per esempio da 340 a 310. Poi prova a calibrare meglio anche le dimensioni delle miniature e i margini.

    RispondiElimina
  84. @Antonino Crivello
    Hai inserito un link attivo non funzionante quindi ho dovuto eliminare il commento. Il link che avevi segnalato per una versione modificata di questo widget è qui
    http://www.laperfettaletizia.com/

    RispondiElimina
  85. @Antonino Crivello
    Bel lavoro! Mi interessa vedere il codice. È possibile?
    Grazie in anticipo.
    Complimenti per il sito (forma e contenuti).

    RispondiElimina
  86. Ho provato a cambiare qualsiasi misura ma l'unica che continua a rimanere sempre enorme è quella delle immagini. Ho notato che contemporaneamente all'inserimento di questo gadget, salta la barra Wibiya quindi credo che sia un problema di conflitto. Che ne pensi?

    RispondiElimina
  87. @SE-Gen
    Come puoi vedere dalla prima riga del codice questo widget si basa sulla libreria JQuery che può darsi risulti incompatibile con Wibiya. Certamente lo è con Prototype e Scriptaculous.
    E' strano che non vari la dimensione delle immagini. Il dato 70 pixel per altezza e larghezza delle miniature dovrebbe essere personalizzabile.

    RispondiElimina
  88. Si infatti, non capisco perchè la misura non venga rilevata... e mi succede in tutti i blog che ho... E' un mio problema perchè il gadget funziona a tutti. In ogni caso grazie mille del supporto. Se risolvo ti faccio sapere ;)
    Ciao e ancora grazie :)

    RispondiElimina
  89. Ciao, ho scoperto il problema. Si tratta di un conflitto con la slide che uso in alto del blog. Siccome mi è utile ho pensato mica se da questo codice era possibile eliminare le miniature che sono la causa del problema, lasciando solo il testo?! So che esistono altre slide per gli ultimi post ma questa graficamente è lal migliore... Grazie :P

    PS: questo è il blog: http://sonyericssongen.blogspot.com/

    RispondiElimina
  90. @SE-Gen
    Adesso non ho sott'occhio il codice però mi sa che bisognerebbe fare un widget nuovo :(

    RispondiElimina
  91. Lascia perdere troppo traffico. :P
    Cmq ancora grazie per la continua e gentile disponibilità ;)

    A presto.

    RispondiElimina
  92. Salve,se volessi inserire questo Slideshow nei post piu visitati come dovrei fare?Si puo?

    RispondiElimina
  93. @solofilm
    Basta inserire il widget in mezzo a dei tag condizionali scegliedo il tipo di pagine o i singoli post in cui deve essere visualizzato
    http://www.ideepercomputeredinternet.com/2010/01/come-visualizzare-o-non-visualizzare.html
    http://www.ideepercomputeredinternet.com/2010/11/come-mostrare-o-non-mostrare-widget-in.html

    RispondiElimina
  94. Buongiorno. Questo magnifico widget non è più funzionante con firefox4. Cosa posso fare.

    Grazie mille come al solito

    RispondiElimina
  95. @francescomiscprova google chrome è l'unico borswer che non ti dà problemi con i widget.sia internet explorer che mozzilla hanno dei problemi con i widget.

    RispondiElimina
  96. @francescomisc Questo widget funziona con tutti i browser. Se per te non è così significa che hai cambiato qualcosa nel template da renderlo non più compatibile e in questo caso c'è poco da fare :(

    RispondiElimina
  97. @PARSIFAL32
    buon pomeriggio ernesto,ti faccio ancora i complimenti per il tuoi articoli sempre interessanti ed utili.volevo chiederti due cose brevemente.ho visto su alcuni siti che hanno inserito un particolare widget degli ultimi articoli nell'header.puoi vederne un esempio qui:
    http://apocalisselaica.net/varie/cristianesimo-cattolicesimo-e-altre-religioni/l-affermazione-del-cristianesimo-costantino

    sempre in questo sito poi si notano le news a forma di fascetta orrizontale lampeggiante.volevo sapere se ne avevi parlato.purtroppo da ieri la tua barra di ricerca mi risulta non funzionante e non sono riuscito a fare ricerche :(

    RispondiElimina
  98. @Tutti...
    Adesso le due barre di ricerca dovrebbero funzionare nuovamente.
    Il sito che mi hai indicato non è di Blogger e quindi non si possono acquisire funzionalità.

    RispondiElimina
  99. Ti ringrazio ernesto,sempre gentilissimo.Tornando sulle barre di ricerca,non ti preoccupare si è disattivata anche la mia,ho dovuto reinserire il codice.ora funzionano le tue barre di ricerca.Meno male!Grazie mille e buona cena.Complimenti ancora per il tuo sito e mi scuso se ti scoccio così spesso.Cordiali saluti.

    RispondiElimina
  100. Non capisco perchè appena modifico l'home e la grandezza non mi appare nulla sul blog..se invece lascio come lo hai fatto tu appare.. ._.

    RispondiElimina
  101. @solofilm
    E' un widget molto delicato. Anch'io ho lasciato le stesse opzioni dell'autore, linkato a fondo pagina. Comunque le dimensioni sono legate le une alle altre quindi le modifiche devono avere un loro filo logico.

    RispondiElimina
  102. Ho provato a lasciare tutto com'è..cambiando ovviamente l'home page..risultato..non funziona,non appare nulla,Qualche consiglio?O hai qualche altro articolo simile?Che mostri le immagini e il titolo del post in un box scorrevole?

    RispondiElimina
  103. @solofilm
    Widget degli ultimi post con effetto di scorrimento c'è solo questo. Sono mesi che sono alla ricerca di soluzioni per crearne uno orizzontale ma ancora non le ho trovate :(

    RispondiElimina
  104. io ne ho modificato uno. l'ho messo in una prova di blog sulla quale lavoravo tempo fa... ma mai ultimata. il widget però c'è e funziona. si può anche selezionare per etichetta. prova a guardare: http://arona.immobiliare-annunci.it/

    RispondiElimina
  105. @Giorgiogal
    Carino. Credo potrebbe interessare a molti perché ricevo molte richieste in tal senso.

    RispondiElimina
  106. @giorgiogal bel widget anch'io ne cerco uno così,se potresti illuminarci sul codice ci renderesti felici tutti :)

    RispondiElimina
  107. Giorgio credo di averlo trovato. E' New Ticker basato su Moo Tools
    http://www.codingforums.com/showthread.php?t=158476

    http://woork.blogspot.com/2008/07/news-ticker-with-horizontal-scroller.html

    RispondiElimina
  108. finalmente!deve dare un bel colpo d'occhio.aspetto con impazienza il tuo aticolo sul tema ernesto

    RispondiElimina
  109. Grazie per la risposta.Tramie il link che hai messo ho trovato http://woork.blogspot.com/2008/07/fantastic-news-ticker-newsvine-like.html ..è per fare il menu dei post recenti??=) anche se di codici non ne capisco..

    RispondiElimina
  110. @solofilm
    Quando ho un po' di tempo mi occuperò di quel widget. Scrivere un post è questione di dieci minuti ma testare un widget è cosa che richiede più tempo e più impegno.

    RispondiElimina
  111. Va bene!grazie,aspetterò con ansia :)

    RispondiElimina
  112. Ciao a tutti
    qualcuno potrebbe darmi una mano?
    Purtroppo ho un template del 2008 (l'assai diffuso Professional Template a 3 colonne uscito quando ancora Blogger non metteva disponibili template più complessi)

    Ebbene il widget dello slide show con il mio template professional rimane BIANCO e non funziona...
    Immagino che dovrò aggiungere qualche prozione di codice nell'html del professional template ma non so come e cosa...

    Spero che qualcuno possa aiutarmi...
    far fuori il mio vecchio template sarebbe molto complesso...
    grazie

    RispondiElimina
  113. @Beatotrader
    Credo che ci sia ben poco da fare :(

    RispondiElimina
  114. come dce parsifal non tutte le cose possono funzionare con tutti i template.prova a cercare in google.ti segnalo anche quest'interessante blog,magari lì trovi al tua soluzione
    http://guidami.blogspot.com/

    RispondiElimina
  115. Ciao ernesto ho un problem acon il widget.ho notato che il titolo non si vede tutto.ora diminuendo il carattere o diminuendo le dimensioni delle foto,il risultato non è piacevole.c'è un modo per far si che si vedano un tot caratteri del titolo?

    RispondiElimina
  116. Non mi viene in mente nulla che si possa fare.

    RispondiElimina
  117. Ciao!
    Si può applicare un effetto del genere al widget dell'elenco blog??

    In altre parole, volevo uno slideshow dell'elenco dei blog che seguo... =)

    RispondiElimina
  118. @Klod
    Al posto degli ultimi articoli del tuo blog vorresti gli ultimi articoli dei blog che hai sul blogroll o che hai inserito in un elenco. Non credo ci sia nulla di simile ma penso che sia fattibile. Se trovo qualcosa lo pubblico, senza impegno.

    RispondiElimina
  119. Ho provato ad inserire il widget per la slideshow dei post. Ho settato tutto bene, ma i post elencati mi restano fissi e non fanno slideshow. Non capisco come mai.

    RispondiElimina
  120. @Chiara di Notte
    Se leggi i precedenti commenti vedrai che è una cosa che è successa a molti. In alcuni casi lo slideshow si muove con Chrome e Firefox ma non lo fa con Internet Explorer. Purtroppo non si può fare nulla.

    RispondiElimina
  121. Ernesto, io uso firefox, ma ho provato anche con chrome. Se vado nella tua pagina demo, vedo lo slideshow, ma se inserisco il widget nel mio blog, niente da fare.

    RispondiElimina
  122. Ho provato a inserire lo slideshow all'interno di un sito (che sto realizzando con Adobe Muse), incollo il codice nella mia pagina ma non vedo assolutamente nulla... ho provato allora a inserire il codice che hai postato nell'articolo "Demo del widget degli Ultimi Post con miniature" e con quel codice lo visualizzo (dopo aver scaricato il Javascript e dopo averlo caricato nel mio DropBox). Però nel momento in cui vado a sostituire l'indirizzo del tuo blog mettendo l'indirizzo del mio blog (realizzato con wordpress), improvvisamente sparisce tutto e torno a non vedere assolutamente nulla. Ho provato ad esempio a inserire l'indirizzo di un blog realizzato con blogspot e in questo caso funziona. A me piacerebbe utilizzare lo slideshow, però mi "accontenterei" anche di avere semplicemente gli articoli con le miniature.
    Spero di essere stato abbastanza chiaro... ti ringrazio in anticipo!

    RispondiElimina
  123. @natsucao
    Se il tuo sito è su Wordpress non funzionerà. Questo widget è solo per Blogger.

    RispondiElimina
  124. Ecco spiegato il mistero... e non sai dirmi se c'è qualche widget con le stesse funzionalità che funzioni con wordpress? Grazie ancora della disponibilità e buona serata!

    RispondiElimina
  125. @natsucao
    Per Wordpress ci sono migliaia di plugin. Non sono particolarmente esperto ma puoi dare uno sguardo alla directory principale
    http://wordpress.org/extend/plugins/
    Alla sezione che riguarda le immagini
    http://wordpress.org/extend/plugins/tags/images
    Come esempio puoi provare uno di questi venti plugin
    http://www.dynamicwp.net/articles-and-tutorials/20-beautiful-wordpress-slideshow-plugins/

    RispondiElimina
  126. Grazie grazie grazie... mi metto subito al lavoro con questi plugin e vediamo cosa riesco a combinare! Sei stato davvero gentilissimo... quindi penso che tornerò a disturbarti in futuro :)
    Grazie ancora e Buona serata!
    Luca

    RispondiElimina
  127. Davvero bello! Ho un problema, quando metto questo widget sulla colonna di destra non mi funziona piu' lo slide show. :( che peccato perhcè è davvero bello!Grazie!

    RispondiElimina
  128. @Enzo
    Purtroppo ha il difetto di non funzionare con tutti i modelli.

    RispondiElimina
  129. Ernesto grazie per il commento. Ho risolto cambiando con un'altro template, ora funziona. Grazie sto trovando davvero cose interessanti sul tuo blog!Sei il migliore! Un saluto

    RispondiElimina
  130. Ernesto questo widget non si può usare per le singole etichette? Mi sembra graficamente più bello degli altri. Come si potrebbe fare? E se ad esempio metto come titolo del widget "Nail Art" ... la parola "Nail Art" si può rendere clikkabile rimandando alla pagina contenente tutti i post con quella etichetta?

    RispondiElimina
  131. @Soffio di Dea
    Non sei la prima a fare questa domanda. Purtroppo, come vedi, nel codice si può solo inserire la homepage del blog e non l'URL dei feed. Se fosse stato così si poteva mettere anche quelli di una sola etichetta.

    RispondiElimina
  132. Veramente carino questo gadget, grazie!!!

    RispondiElimina
  133. Ernesto, una volta questo widget sul mio blog funzionava e adesso invece se provo a inserirlo non appare nulla (anche se carico il file .js su Dropbox). Penso quindi si tratti di conflitto con qualche altro gadget, e non so se vale lo stesso discorso per tutti gli altri slideshow degli ultimi articoli che ho provato a installare ma che non funzionano. Una domanda: pensi che il problema potrebbe essere attribuito al widget degli ultimi post per etichetta?
    Grazie, Giuliana

    RispondiElimina
    Risposte
    1. @Giuliana
      Come vedi nel mio modello non ho mai avuto slideshow, sono indubbiamente carini ma creano un sacco di problemi perché comportano il caricamento di molti javascript.

      Elimina
  134. ciao ernesto, questo widget era proprio quello che cercavo!! volevo chiederti solo una cosa, oltre al titolo, data e commenti, e possibile far visualizzare brevemente quello che è scritto nel post?
    grazie.

    RispondiElimina
    Risposte
    1. @Lòisa
      La riga con summaryPost = 50; sarebbe dovuta servire proprio per mostrare i primi 50 caratteri dell'inizio del post. Il fatto è che qualcosa non va. Il widget è di un mostro sacro del blogging, prova a cliccare sul link della fonte per vedere se nei commenti ha spiegato come risolvere la questione.

      Elimina
  135. Ciao! molto bello questo widget,si assomiglia a quello che sto cercando..
    Volevo chiederti, se per caso esiste un widget come quello di questo blog,
    http://desperatehousecooker.blogspot.it/#!/2012/12/bon-roll-aia-con-le-castagne.html
    dove mette in una colonna verticale tutte le immagini e i titoli di tutti i post del blog, automaticamente. Perchè mi piacerebbe utilizzarlo per il mio blog, ma non voglio usare quel tipo di modello di template.. c'è una soluzione? :)

    RispondiElimina
    Risposte
    1. Si tratta di un modello a Visualizzazione Dinamica con l'opzione Sidebar. Non mi risulta esista un widget simile utilizzabile nei normali modelli.

      Elimina
    2. quindi non c'è un modo per far vedere tutti i post con apposita immagine in
      miniatura?

      Elimina
    3. Ci sono dei widget che mostrano tutte le miniature dei post. Puoi provare questo
      http://www.ideepercomputeredinternet.com/2011/10/come-inserire-i-titoli-di-tutti-i-post.html

      Elimina
  136. Aiuto il gadget non funziona più.
    Non ho fatto assolutamente nulla di nuovo, anzi l'ho inserito nuovamente e non va.
    Sarà la piattaforma di blogger a non accettarlo più?
    Hai un soluzione?
    Grazie per tutto.

    RispondiElimina
    Risposte
    1. La Demo funziona ancora
      http://demo-parsifal32.blogspot.it/2010/04/ultimi-articoli-con-miniature-in.html
      Forse sei passato a un dominio personalizzato. Prova a scaricare lo script
      http://sites.google.com/site/ideepercomputeredinternet/script-1/recentpostthumbspy-min.js
      e a caricarlo su Google Drive
      @#

      Elimina
    2. Grazie infinite per la tua risposta celere ed esaustiva.
      Ho provato a mettere lo script in g-drive ed ho visto che ora cene sono due uguali (forse c'era già).
      Ho inserito il codice standard e lo slideshow di prova va bene, ma quando metto l'indirizzo del mio blog non compaiono più le slide. Non va.

      Ricordo che il mio blog era .com ora è .it sarà un problema? Ho provato a cambiare tale desinenza senza successo.
      Ci sarà qualche immagine che non è compatibile col widget o qualche altra cosa? Non sono molto pratico spero tu mi possa aiutare.
      Ho messo il widget in fondo a tutto visto che non fa vedere niente.
      Non so più cosa fare.
      Grazie ancora.

      Elimina
    3. Purtoppo dopo aver provato questo splendido widget è quasi impossibile tornare indietro, era diventato il gadget primario di tutto il mio blog e senza ora è uno scempio.
      Sto cercando di sostituirlo con altri widget scorrevoli degli articoli recenti, ma il problema, anche lì è sempre lo stesso, quello di default (con il link di prova) funziona, ma appena inserisco il link del mio blog scompare tutto, come se il mio link non fosse esistente o sbagliato.
      Mi chiedevo se potresti gentilmente darmi una dritta e perdonami per il disturbo.
      Un saluto.

      Elimina
    4. Ci possono essere tre ragioni per il non funzionamento.
      1) Nel tuo blog hai già JQuery. In questo caso è bene aggiornare JQuery all'ultima versione (anche quella di questo widget)
      http://www.ideepercomputeredinternet.com/2011/10/aggiornare-jquery-per-rendere.html
      2) Hai inserito un altro widget degli Ultimi Post o comunque che utilizzi lo stesso URL dei feed. Prova a toglierlo e a reinserirlo dopo aver installato questo gadget
      3) Ci possono essersi create delle incompatibilità che non sia possibile rilevare e in questo terzo caso non c'è nulla da fare
      @#

      Elimina
    5. Lodevole ed ammirevole il contributo e supporto che fornisci costantemente, risulta difficile ringraziarti abbastanza.
      Per quanto concerne il widget che non andava: la nr.1 ho cercato di fare qualcosa, ma non ci ho capito nulla (non ho trovato il jquery nel mio modello html espanso) ed ho lasciato perdere; la nr.2 credo di no; la nr.3 grazie lo stesso.
      Il widget ora funziona, ho reimpostato il mio url con il .com invece che col .it (sempre che centri qualcosa) poi ho impostato il numero dei post a 12 ed è ripartito alla grande.
      Ho provato ad aumentare il numero dei post visualizzabili e dopo il 19° non carica più il widget, quindi l'ho impostato a nr.19 post visualizzati.
      I miei più sentiti ringraziamenti caro Ernesto e ti auguro ogni bene.
      Marcello.

      Elimina
    6. Bisogna sempre mettere il dominio canonico .com. Non funzionava per questo.
      @#

      Elimina
  137. Salve, ottima spiegazione! Sono riuscito a ricreare perfettamente questo widget sul mio blog, ho solo un problema adesso che è di fondamentale importanza: non riesco a capire come inserire i miei post invece di quelli predefiniti.
    Comunque volevo ringraziarla per avermi dato, in modo indiretto, un grande aiuto nella creazione del mio blog. Il suo sito mi è stato di fondamentale importanza.

    RispondiElimina
    Risposte
    1. Si possono visualizzare gli ultimi post di un qualsiasi blog. Al posto di
      http://demo-parsifal32.blogspot.com/
      basta sostituire per esempio
      http://studiofuorisede.blogspot.com/
      ammesso che detto blog esista e che vi siano stati già pubblicati un numero di post almeno pari a quelli che si è scelto di visualizzare (numposts = 8;)
      P.S. Ci sono anche delle versioni più recenti di questo widget come questa
      http://www.ideepercomputeredinternet.com/2014/06/blogger-animated-slideshow-widget-recent-posts-with-thumbnails.html
      @#

      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