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

Il widget degli articoli correlati con miniature per un blog su Blogger.

Widget degli Articoli Correlati con Miniature per Blogger.
Ho già illustrato questo gadget nel post "Articoli simili con miniature", presentandolo come un'alternativa per la piattaforma Blogger al widget LinkWithin. Tale widget infatti non può essere particolarmente personalizzato e mostra delle miniature di articoli che sono un mix tra post con la stessa etichetta e articoli casuali. Ha inoltre problemi di inserimento e, soprattutto, di disinstallazione in molti modelli. Nel gadget che mi appresto a illustrare le miniature sono ricavate dalle immagini presenti nei post correlati. Quando non ci sono immagini ne viene vista una di default che volendo può essere cambiata modificando il file javascript di cui parlo nell'avviso alla fine del post. Andate su Layout > Modifica HTML e scaricate il modello completo. Espandete i modelli widget, cercate la riga
</head>
e, immediatamente sopra, incollate il seguente codice





<!-- Articoli Simili Con Miniature-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #191919; /* Colore del Titolo */
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;Trebuchet MS&#8221;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#FDBCB7;
}
</style>
<script src='https://sites.google.com/site/scriptperilblog/widget-1/articoli-simili-miniature.js' type='text/javascript'/>
</b:if>
<!-- Articoli simili con Miniature-->

Le personalizzazioni riguardano il colore del titolo delle miniature e il colore dello sfondo quando vengono puntate con il mouse. Se volete cambiare l'immagine che appare quando nel post non ce ne sono dovete semplicemente scaricare questo file javascript e sostituire l'URL dell'immagine a inizio post con quello di un'altra immagine che avete precedentemente caricato sul web mediante Skydrive o servizio analogo.
Adesso cercate questa riga


<div class='post-footer-line post-footer-line-1'>
nel caso in cui no0n fosse presente cercate quest'altra <p class='post-footer-line post-footer-line-1'> e, immediatamente dopo, incollate il codice


<!-- Articoli Simili con Miniature -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.ideepercomputeredinternet.com/2010/01/il-widget-degli-articoli-correlati-con.html' style='display:none;'>Widget degli articoli correlati con miniature per Blogger</a><a href='http://www.ideepercomputeredinternet.com/' style='display:none;'>Idee per Computer ed Internet</a>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6; /* Numero di Articoli Simili */
var relatedpoststitle=&quot;Ti potrebbero anche interessare:&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div><div style='clear:both'/>
</b:if>
<!-- Articoli Simili con Miniature -->

Le personalizzazioni riguardano il massimo numero di risultati per ciascuna etichetta (il primo 6 che lascerei comunque invariato) e il numero di articoli simili da visualizzare tramite miniatura (il secondo 6 che dipende dalla larghezza del template).
La scelta interessante riguarda anche la frase che si vuole vedere sopra le miniature degli articoli correlati. Ho messo "Ti potrebbero anche interessare" che è identica a quella del widget LinkWithin. Salvate il modello.

miniature-articoli-simili
Come vedete è molto simile al widget LinkWithin e può esserne un'interessante alternativa.



Avviso importante: Se avete un dominio personalizzato vale a dire del tipo www.dominio.com, allora il widget non funzionerà. Per risolvere dovete scaricare questo javascript
https://sites.google.com/site/scriptperilblog/widget-1/articoli-simili-miniature.js
caricarlo su Dropbox nella cartella Public e ottenere il link diretto andando su Copy Public link. Tale URL dovrà essere incollato nel codice al posto di quello originario.



140 commenti :

  1. ciao, scusa..ma il codice da scaricare mi da un errore.. oppure l'ho aperto male.. boh

    RispondiElimina
  2. @Piero Tampellini
    Ho controllato il codice un'altra volta e funziona benissimo. Se ti dà un errore probabilmente non lo hai copiato bene o il tuo modello è incompatibile con questa personalizzazione.
    Ciao

    RispondiElimina
  3. oki, riprovereò! grazie per la disponibilità e per il servizio!!

    RispondiElimina
  4. Ciao!
    Ho intallato tutto e funziona perfettamente ma non capisco perchè rimane una linea rosa di separazione tra i vari articoli anche dopo le mie personalizzazioni. Quel rosa non esiste in nessun foglio di stile...
    Dove sta l'inghippo?
    Grazie

    RispondiElimina
  5. @enrico
    Il rosa che vedi è forse rappresentato da questo codice
    #FDBCB7
    sostituiscilo con un altro più adatto

    RispondiElimina
  6. E' proprio questo che non riesco a capire!
    Quel rosa non c'è e tutti i codici colore che ci sono nel widget li ho sostiutiti con i miei.
    Eppure quel rosa rimane...

    RispondiElimina
  7. @Enrico
    Ho modificato leggermente il Javascript. Prova a sostituire l'URL
    http://sites.google.com/site/ideepercomputeredinternet/script-1/miniaturepost.js
    con quest'altro
    http://sites.google.com/site/ideepercomputeredinternet/script-1/miniaturepost2.js
    e fammi sapere così modifico anche il post.
    Ciao

    RispondiElimina
  8. Adesso va benissimo! Grazie e scusami per il ritardo nella risposta...

    RispondiElimina
  9. non riesco a cambiare l'immagine "NON CI SONO IMMAGINI".
    Ho scaricato lo script...l'ho aperto ma non fa niente!
    Dopo ho caricato online una mia immagine da sostituire a quella esistente, sostituisco il link ma se faccio così lo script non funziona...

    potresti spiegarmi per bene come cambiare quell'immagine? grazie!!

    http://streetartandgraffiti.blogspot.com/

    RispondiElimina
  10. @Nerko
    Installa Notepad++ seguendo queste indicazioni
    http://www.ideepercomputeredinternet.com/2009/12/notepad-per-modificare-modelli.html
    Scarica il file javascript presente a questo indirizzo
    http://sites.google.com/site/ideepercomputeredinternet/script-1/miniaturepost.js
    Carica latua immagine in un hosting tipo Picasa e acquisiscine l'URL, leggi le istruzioni:
    http://www.ideepercomputeredinternet.com/2010/07/picasa-e-lo-strumento-piu-completo-per.html
    Apri il file javascript con Notepad++ quindi cerca questo URL
    http://public.blu.livefilestore.com/y1px6Zy7X3HyRYMCWkYLAgITs9je_I4qLIRlpPS3-Wuw1teey-ubxnYrAfd0Gb_7TV9tJ7m9Jf81Z8ZJK7xh78sUg/senza-immagini.png
    sostituiscilo con quello della tua immagine. Salva il file, caricalo su Google Sites secondo queste istruzioni
    http://parsifal32.blogspot.com/2010/05/come-caricare-file-javascript-e-css-su.html
    Acquisiscine l'URL e sostituiscilo nel codice a
    http://sites.google.com/site/ideepercomputeredinternet/script-1/miniaturepost2.js
    quindi procedi all'ìinstallazione come descritto

    RispondiElimina
  11. grazie mille sono riuscito a fare tutto...sei stato davvero di grande aiuto!!

    RispondiElimina
  12. Parsifal,
    hai visto? Non funziona: quando digito l'url del mio blog, appare questa scritta :
    Private Blogs are not supported

    RispondiElimina
  13. @seleneqcvs
    Come vedi dal commento precedente e dalla pagina di demo, lo script funziona. Non riesco a capire perché con te non è così. Bohh!!!
    Poi quella scritta non so francamente da dove provenga visto che gli script sono tutti gratuiti e caricati su un mio spazio. Che c'entrano i blog privati? Se sei sicura di aver seguito esattamente la procedura di installazione l'unica spiegazione (parziale) è l'incompatibilità del tuo modello.

    RispondiElimina
  14. Parsifal, mi sto proprio arrabbiando! con blogger, ovviamente, ;-)
    Mi puoi indicare dove reperire modelli compatibili con i widgets? Mi sa che tradisco con Wordpress che mi pare più versatile...che dici?

    RispondiElimina
  15. @seleneqcvs
    E' una domanda a cui purtroppo non so rispondere perché adesso hanno cambiato totalmente sistema con il Designer Modelli.
    Passare a Wordpress ti conviene solo se lo fai ex-novo comprando un dominio. L'unico problema è l'installazione poi tutto è molto più liscio. Puoi consultare articoli su questo blog inserenti all'installazione di wordpress o anche su quest'altro
    http://www.guadagnareconadsense.net/
    relativamente alla gestione.
    Ciao

    RispondiElimina
  16. Questa funziona la misi un pò di tempo fa, e mi funzionavA alla perfezione.

    Ora è sparita...perchè?

    RispondiElimina
  17. @Nerko
    Non sei il solo a lamentare questi problemi. Sono una costante. Quelli di Blogger aggiornano modelli, introducono nuove funzionalità, ecc
    Il risultato è che qualche widget ogni tanto smette di funzionare :-(

    RispondiElimina
  18. si infatti ho notato! ora funziona ^^

    RispondiElimina
  19. peccato sul mio blog questa procedura non funziona... ma non potrebbero fare uno di quei wideget che si trovano nell'apposita sezione? quando provo a modificare il codice 90 su 100 non mi riesce... uff! grazie cmq per l'articolo utilissimo :)

    RispondiElimina
  20. @Olivia
    Puoi usare il classico LinkWithin
    http://www.ideepercomputeredinternet.com/2009/05/come-inserire-il-widget-linkwithin-dei.html
    E' molto amato, specie dalle blogger :-)
    Ciao

    RispondiElimina
  21. Ciao!
    Grazie mille per questa guida.
    Non amo molto linkwithin e sono felice che tu abbia pensato e condiviso un'alternativa.

    Vorrei però provare l'ebbrezza del "ti potrebbero interessare" visibile anche in homepage. E' possibile?
    Mi guideresti, per favore?

    Grazie.

    RispondiElimina
  22. @Sarù
    Certo che è possibile. Devi solo togliere la seconda riga, cioè questa
    < b:if cond='data:blog.pageType == "item"' >
    e la penultima cioè questa

    Dovresti vedere le miniature in tutte le pagine anche in quelle della ricerca.
    Ciao

    RispondiElimina
  23. Avevo già provato a toglierli, ma niente, in home page non si vedono.
    Può darsi che sia un problema del codice del mio template.

    L'importante che però si vedano nei post. Grazie mille per avermi risposto :D Posso sempre contare su di te.. ^^

    RispondiElimina
  24. Non so se può essere utile. Comunque ho installato questo widget su alcuni blog e tutto è andato bene. Solo su uno www.imieisoldi.blogspot.com seppur il codice non desse alcun errore gli articoli correlati non apparivano. Non so perchè il widget ha cominciato a funzinare quando ho modificato la visualizzazione dei feed. Comunque grazie.

    RispondiElimina
  25. ma perche' questo widget nn si vede col template minima di blogger? ditemi se alcuni con questo template lhanno installato e funziona..

    RispondiElimina
  26. Ciao...Tempo fa installai questo widget alla perfezione, era tutto ok...

    Ora però, non me lo visualizza più...Come mai? Io non ho modificato niente...

    Grazie per l'attenzione!

    RispondiElimina
  27. In più ho visto che su altri blog funziona!!

    RispondiElimina
  28. @Nerko
    Ti sei dato la risposta da solo...
    In Blogger ci sono dei widget che smettono improvvisamente di funzionare senza una ragione. A me è capitato di modificare qualcosa in un widget e non me l'ha più preso. C'è poco da fare se non provare a reinstallare.
    Ciao

    RispondiElimina
  29. Ah capito...
    Allora volevo chiederti una cosa!

    Visto che da quando ho aperto il blog, ho installato e tolto molti widget, vorrei far tornare tutto allo stato iniziale, per riconfigurare tutto da capo...

    Si può fare senza creare per forza un nuovo blog?

    RispondiElimina
  30. @Nerko
    SE non hai il modello iniziale non puoi tornare all'inizio. Puoi però caricare uno dei tanti template del Designer Modelli che sono molto belli e soprattutto molto veloci.
    Ciao

    RispondiElimina
  31. Grazie per le informazioni!! Sei sempre molto gentile ;)

    Ciao!

    RispondiElimina
  32. ciao sono sempre io...scusa se rompo ma ho capito perchè non mi funzionava. Il problema era il file javascript che avevo usato (quello per l'anteprima immagine non disponibile), se metto il tuo funziona...
    Io ne avevo creato un altro in lingua inglese perchè il mio blog è internazionale...

    Perchè è accaduto ciò? Ogni volta devo sempre riuppare il file javascript?

    RispondiElimina
  33. Ho rifatto tutto il procedimento da capo...uppato l'immagine, modificato il file js, uppato su google sites...etc etc

    ma il risultato è lo stesso: col tuo file javascript funziona, col mio non più!

    RispondiElimina
  34. @Nerko
    Forse non lo hai caricato su un hosting compatibile con i javascript

    RispondiElimina
  35. o forse non hai copiato bene l'indirizzo da google sites. Elimina tutto quello che c'è dopo .js vale a dire ?attachment... ecc

    RispondiElimina
  36. Purtroppo già ho fatto tutto ciò...ho seguito alla lettera la tua guida, l'altra volta aveva funzionato...ora no :(

    RispondiElimina
  37. @Nerko
    Se può consolarti ieri sera avevo creato una personalizzazione per inserire una firma alla fine di ogni commento dell'autore del blog. Ieri sera funzionava perfettamente, oggi non più e ho dovuto cestinare il post. Hanno cambiato il codice di tutti i blog proprio nella zona in cui volevo operare le modifiche :)

    RispondiElimina
  38. Peccato però...tanta fatica per niente!

    RispondiElimina
  39. vorrei inserire un immagine di sfondo sotto al widget come background - sai se è possibile?

    RispondiElimina
  40. ok risolto . Nel CSS come backround adattando l altezza del js ;)

    RispondiElimina
  41. CIAO! grazie per l'aiuto un domanda però, sono riuscito ha modificare alcune cose nello script soltanto non riesco a metterlo in home come linkwidth cosa DEVO modificare nello script?

    RispondiElimina
  42. @FAMIGLIA BLOG'S
    Se vuoi che si veda ovunque devi togliere le due righe che sono all'inizio e alla fine cioè
    < b:if cond='data:blog.pageType == "item"' >
    e
    < /b:if >

    RispondiElimina
  43. Se vuoi che si veda ovunque (in home) devi togliere le due righe che sono all'inizio e alla fine cioè

    < b:if cond='data:blog.pageType == "item"' >
    e
    < /b:if >

    ho provato a fare come dici a famiglia blog qua ma nella piattaforma BLOGGER su home non si vede e anche su 1 post che ho in scaletta.
    mi puoi aiutare
    ti ringrazio francesco

    RispondiElimina
  44. @Fico Secco
    Il metodo è quello. Devi però considerare che nella home non ci sono etichette, ci sono solo nei singoli post, quindi non vengono probabilmente associati altri articoli che ne abbiano di simili.

    RispondiElimina
  45. Parsifal ottimo articolo mi è stato utilissimo. Ma si potrebbe aumentare i carateri dei titoli delle miniature? alcuni sono piu' lunghi e non si capiscono bene. Grazie!

    RispondiElimina
  46. @Admino Prova a cambiare
    font-size: 1.6em;
    con
    font-size: 1.8em;
    per vedere che effetto che fa.

    RispondiElimina
  47. C'è un modo di inserirlo anche nella home???o per forza le miniature appaiono solo se clicca sull'articolo?

    RispondiElimina
  48. C'è un modo di inserirlo anche nella home???o per forza le miniature appaiono solo se clicca sull'articolo?

    RispondiElimina
  49. @TUTTI GLI SCANDALI DEL VATICANO
    Si può anche inserire in home eliminando la seconda riga
    < b:if cond='data:blog.pageType....
    e la penultima, cioè
    < /b:if >
    porta però a un appesantimento della pagina.

    RispondiElimina
  50. @Ernesto T.

    ho appena provato ma niente come già disse Sarù @ Dolci Creativi qualche tempo fa non funziona..non so il perchè,me ne farò una ragione.grazie mille dell'articolo l'importante alla fine è che si veda nel post,quelli che ho in home sono solo una piccola parte.peccato.magari dipende dal mio template o magari da blogger.grazie a presto

    RispondiElimina
  51. Grazie sempre per il tuo aiuto, io ho riscontrato un problema, praticamente funge solo per un tipo di etichetta,ne sai qualcosa?

    RispondiElimina
  52. @Celeritas Ho dato uno sguardo al tuo blog e il problema è che nei post che non hanno immagini non si vede quella di default che avevo caricato su Skydrive. Adesso ho cambiato lo script caricandola su Picasa. Ho cambiato anche il codice dell'articolo. Prova a sostituire l'URL del javascript nella terzultima riga del codice sopra /head con quest'altro
    https://sites.google.com/site/scriptperilblog/javascript-2/miniaturepost2.js
    e vedrai che dovrebbe continuare. Il fatto è che questo widget ha avuto molto successo, si vede anche dal numero dei commenti, e probabilmente era stata superata la larghezza di banda tanto da non mostrare l'immagine.

    RispondiElimina
  53. Grazie Ernesto per il tuo aiuto e la tua disponibilità, ho provato a modificare le cose che mi hai detto ma il risultato non cambia, comunque va bene uguale sono soddisfatto comunque pienamente soddisfatto di questa applicazione!Ciao!

    RispondiElimina
  54. Scusa tanto Ernesto ho dimenticato di informare che ho cambiato il nick (sono Admino)

    RispondiElimina
  55. E se lo volessi mettere sotto il read more?
    Grazie mille!

    RispondiElimina
  56. @Corvo Michele
    Devi cercare questo codice
    <b:if cond='data:post.hasJumpLink'>
    <div class='jump-link'>
    <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
    </div>
    </b:if >
    Incollare il codice del post senza la seconda e la penultima riga cioè senza
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    e
    </b:if>
    però non vedo la necessità di mostrare questo widget anche in Home

    RispondiElimina
  57. Ernesto, purtroppo a me serve sotto la home, perchè, se entri nel mio blog riguardante i film, le informazioni oltre il read more non sono fondamentali. La gente entra prende il link ed esce..

    RispondiElimina
  58. Tutto funzionante!!!
    Ottimo Grazie!!

    RispondiElimina
  59. Come posso fare per modificare l'immagine di default quando non c'è alcuna immagine nel post?

    RispondiElimina
  60. @Alessandro Pagiaro
    C'è scritto nel post. Scarichi questo file
    http://sites.google.com/site/ideepercomputeredinternet/script-1/miniaturepost.js
    Lo apri con Notepad++
    http://sites.google.com/site/ideepercomputeredinternet/script-1/miniaturepost.js
    Carichi su Picasa un'altra immagine da visualizzare quando non ce ne sono altre
    http://www.ideepercomputeredinternet.com/2010/07/picasa-e-lo-strumento-piu-completo-per.html
    Nel file aperto con Notepad++ cerchi questo URL
    http://public.blu.livefilestore.com/y1px6Zy7X3HyRYMCWkYLAgITs9je_I4qLIRlpPS3-Wuw1teey-ubxnYrAfd0Gb_7TV9tJ7m9Jf81Z8ZJK7xh78sUg/senza-immagini.png
    e lo sostituisci con quello della immagagine di Picasa. Salvi il file e lo carichi su Google Sites
    http://www.ideepercomputeredinternet.com/2010/05/come-caricare-file-javascript-e-css-su.html
    con la modalità Schedario. Ne ottieni il link diretto e lo sostituisci a questo
    https://sites.google.com/site/scriptperilblog/javascript-2/miniaturepost2.js
    presente nella parte finale del codice.

    RispondiElimina
  61. E come faccio a caricarlo come Google Schedario?

    RispondiElimina
  62. @Alessandro Pagiaro
    Ti ho già dato il riferimento
    http://www.ideepercomputeredinternet.com/2010/05/come-caricare-file-javascript-e-css-su.html

    RispondiElimina
  63. Tutto OK ma il titolo del widget Ti potrebbero anche Interessare mi da allineato a destra invece che a sinistra.
    Qualche idea? Grazie

    RispondiElimina
  64. @Hugo
    Prova a inserire la riga

    text-align: left !important;

    sotto le righe

    #related-posts {
    float:center;

    o sotto la riga

    #related-posts h2{

    RispondiElimina
  65. Ho un blog con sfondo abbastanza scuro (http://theworldofwindows.blogspot.com/) sono riuscito a cambiare il colore sel titolo (nero di default) secondo le istruzioni del tuo post. Ottimo tra l'altro. Ma il problema rimane per la piccola descrizione inserita sotto l'immagine. Ovviamente sfondo quasi nero font nero = visibilità zero. Sai mica come posso fare. Grazie e complimenti per il blog, una vera e propria guida per Blogger

    RispondiElimina
  66. @Hugo
    Prova a cambiare questi codici
    #related-posts a{
    color:black; e

    #related-posts a:hover{
    color:black;

    inserendo per esempio

    color:#EEEEEE;
    o un altro colore.

    Se non basta, questa stessa riga incollala sotto il codice

    #related-posts {
    Se non si vede nessun cambiamento prova con quest'altra riga

    color:#EEEEEE !important;
    Si tratta di tentativi perché il widget dovrebbe ereditare il colore del testo del blog.

    RispondiElimina
  67. Preciso e perfetto come al solito... Il mio minimo, piccolo e umile contributo al tuo lavoro è inserire almeno il bannerino con l'antipixel.
    Grazie

    RispondiElimina
  68. Se guardi questo blog:
    http://lacucinadisusana.blogspot.com/2011/07/quadrotti-ai-cipolloti.html
    vedrai che ho inserito il codice con le miniature come consigliato da te pero come per arte di magia mi compaiono 2 commenti accanto invece che comparire in fondo al post.
    Come faccio a soluzionare il problema?
    Grazie

    RispondiElimina
  69. @Susana
    Hai inserito ben 12 elementi in questa stringa

    &callback=related_results_labels_thumbs&max-results=12'
    sostituisci il 12 con 5 che è il massimo consentito per la larghezza del tuo template.
    Ciao

    RispondiElimina
  70. Ciao Ernesto, grazie comunque dal suggerimento ma il problema rimane se vuoi dare un'occhiata: http://lacucinadisusana.blogspot.com/2011/07/quadrotti-ai-cipolloti.html
    secondo me che non capisco niente il problema riguarda non le immagine ma il widget dei commenti che rimane proprio attacato alle miniature

    RispondiElimina
  71. @Susana
    Invece di inserirlo sotto questa linea
    <div class='post-footer-line post-footer-line-1'>
    prova un'altra posizione. Per esempio sotto questa
    <div class='post-footer-line post-footer-line-2'>
    o sotto quest'altra
    <div class='post-footer'>
    Ricordati però di salvare sempre il modello prima di qualsiasi modifica

    RispondiElimina
  72. Funziona alla grande!! Complimenti per il blog. Ti seguo. Aggiunto il bannerino tra gli antipixel. Buon weekend

    RispondiElimina
  73. Nel mio templates :

    (elpinguinotux.blogspot.com)

    le righe a cui tu fai riferimento non ci sono.

    Puoi dirmi se posso inserirlo in un'altra posizione?

    Grazie e complimenti per il blog

    RispondiElimina
  74. @Linuxland
    Puoi fare riferimento al commento numero 74
    In ogni caso trova tutte le righe che hanno al loro interno la stringa
    post-footer
    e fai delle prove ovviamente dopo aver salvato il modello.
    Ciao

    RispondiElimina
  75. Ciao Parsifal, uso questo widget praticamente da sempre e da sempre perfettamente funzionante. Adesso che ho comprato il dominio, passando da "blogspot" a "net" ha smesso di funzionare. O meglio nei post con il nuovo suffisso "net" non funziona, mentre con i vecchi articoli (probabilmente non ancora modificati) funziona perfettamente. Conosci per caso il motivo? Grazie e cordialissimi saluti

    RispondiElimina
  76. @TexBlogger
    Alcuni widget smettono di funzionare durante il passaggio da Blogspot a un dominio personalizzato. Leggiti tutte le problematiche relative
    http://www.ideepercomputeredinternet.com/2010/11/cosa-fare-durante-il-passaggio-da-un.html
    In questo caso puoi provare a reinstallare oppure aspettare qualche giorno. Se non risolvi c'è la possibilità di caricare questo javascript
    https://sites.google.com/site/scriptperilblog/javascript-2/miniaturepost2.js
    su DropBox. In qualche caso funziona.

    RispondiElimina
  77. Ciao Ernesto

    Ho fatto tutto come è scritto nel post ma nel template BloggerTube V4 non funziona! Proprio non compare nulla! Non da nessun errore, il template lo salva tranquillamente ma il widget non appare. Comunque ho utilizzato questo tuo script su altri miei blog e non ho avuto mai problemi, ma con bloggertube essendo un vidoe blog forse ha delle modifiche particolari. cmq il template e questo: http://bloggertubev4.blogspot.com/

    Al momento l'unico che mi funziona e solo linwithin, il problema però e che con linkwithin non mi da l'immagine del video, cosa che invece che fa tuo widget provato in altri blog. Grazie in ogni caso!

    RispondiElimina
  78. @MDVY
    Conosco benissimo quel modello di Dante Araujo. E' molto particolare e i widget è difficile inserirli funzionanti. Prova a scaricar questo file
    https://sites.google.com/site/scriptperilblog/javascript-2/miniaturepost2.js
    caricalo su DropBox e acquisiscine il link diretto, poi sostituiscilo nel codice. Delle volte in questo modo si risolve.

    RispondiElimina
  79. Grazie Ernesto per la disponibilità, purtroppo ho provato a mettere il link con dropbox ma niente,non va.

    RispondiElimina
  80. Ernesto ci sono riuscito incollando il secondo codice sotto "gapad" prima dei commenti.. purtroppo però non mi da le immagini dei video, funzionava nell'altro mio blog però con il codice embed di youtube, che in bloggertube non va messo.. mi sa che ci vuole qualcosa di specifico :-(

    RispondiElimina
  81. @MDVY
    Prova a chiedere direttamente a Dante Araujo. E' brasiliano ma studia (o ha studiato) ingegneria informatica negli USA e scrive in ottimo inglese. Visto che si tratta di un suo modello ti può indicare il widget dei "Related Posts with thumbnails" più adatto.

    RispondiElimina
  82. Una domanda:
    sai come posso personalizare il widget per farlo diventare verticale e non orizzontale?
    Grazie

    RispondiElimina
  83. @Linuxland
    Bisognerebbe rifarlo completamente (temo che sarebbe al di sopra delle mie capacità ... )

    RispondiElimina
  84. Ciao, grazie della chiarissima guida oer questo widget. L'ho installato e funzione correttamente. Mi piacerebbe però aumentarne la larghezza (in modo da dare più spazio ai titoli dei post). E' possibile?
    Grazie

    pistoia-basket.blogspot.com

    RispondiElimina
  85. @Redazione
    Puoi scaricare questo javascript
    https://sites.google.com/site/scriptperilblog/javascript-2/miniaturepost2.js
    aprirlo con Notepad++ o analogo
    Cercare la riga

    document.write(' href="' + relatedUrls[r] + '"><img style="width:72px;height:72px;border:0px;" src="'+thumburl[r]+'"/><br/><div style="width:72px;padding-left:3px;height:65px;border: 0pt none ; margin: 3px 0pt 0pt; padding: 0pt; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal;">'+relatedTitles[r]+'</div></a>');
    e modificare le dimensioni della miniatura e del contenitore (width e height) quindi salvi il file, lo carichi su Google Sites o DropBox e ne acquisisci l'indirizzo. Quindi sostituisci l'URL nel codice.

    RispondiElimina
  86. Si possono naturalmente modificare anche altri parametri come la dimensione dei caratteri e i margini

    RispondiElimina
  87. Grazie mille Ernesto! Adesso le miniature sono più larghe. Per aumentare lo spazio del titolo però ho anche sostituito il valore 35 con 45 nella riga dello script:

    if(relatedTitles[relatedTitlesNum].length>45) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0, 45)+"...";

    quel valore limita il numero di caratteri del titolo mostrato.

    RispondiElimina
  88. @Urosh
    Da quanto lo hai installato? Perché da Ottobre ho dovuto ricaricare lo script. Sei passato a un dominio personalizzato? In questo caso prova a caricare questo javascript
    https://sites.google.com/site/scriptperilblog/javascript-2/miniaturepost2.js
    su Dropbox e sostituiscine l'indirizzo nel codice.

    RispondiElimina
  89. Ciao Ernesto, volevo sapere come far vedere più testo in anteprima.
    In poche parole come far vedere il titolo intero del post. Grazie mille :)

    RispondiElimina
    Risposte
    1. @GiacomoD.M.
      Questo è difficile farlo ma puoi ottenere quasi lo stesso risultato diminuendo la dimensione dei caratteri del titolo. Al posto della riga
      font-size: 1.6em;
      metti per esempio
      font-size: 1.2em;

      Elimina
  90. mi era sparito da qualche giorno , oggi grazie a Dropbox che mi hai indicato sono riuscita a rimetterlo con successo, grazie ancora1

    RispondiElimina
  91. Ciao, io ho provato a modificare le dimensioni delle anteprime, però le immagini mi appaiono sgranate, come se facesse ancora riferimento a 72 px predefiniti, le ho cambiate ovunque ci fosse width ed height ma restano sempre sgranate... qualche aiuto? :(

    RispondiElimina
  92. @Giuseppe+-+-
    Fai riferimento al commento numero 90. La sgranatura non dovrebbe presentarsi. Im caso contrario non riesco a spiegarmela.

    RispondiElimina
    Risposte
    1. cioè da qualche parte dovrà ancora pur attingere ai 72px per sgranare le immagini impostate diversamente, il problema è che ho setacciato minuziosamente tutto il file .js e addirittura controllato l'html... ma niente...

      Elimina
  93. ho provato già a modificare ma non so come rimangono sgranate!!

    RispondiElimina
    Risposte
    1. @Giuseppe+-+-
      Visto che nei commenti precedenti nessuno ha lamentato il tuo problema è probabile che sia ereditato da qualche CSS del tuo modello (pura ipotesi)

      Elimina
    2. Questo commento è stato eliminato dall'autore.

      Elimina
    3. @Giuseppe
      Ho solo adombrato l'ipotesi che forse c'è qualcosa nel tuo modello che induce questo comportamento. Purtroppo non ho idea di cosa sia e quindi non saprei neppure dove guardare :(

      Elimina
    4. capito! grazie lo stesso! per caso conosci qualcuno che lavora con i template che magari mi potrebbe dare un'occhiata?

      Elimina
  94. Ciao, come posso diminuire leggermente il font-size dei link delle miniature?
    Ho provato a mettere il valore 1.4em al font-size della regola "#related-posts h2", ma diminuisce solo la dimensione del carattere del titolo del widget. Ho provato a mettere l'istruzione font-size: 1.4em alla regola "#related-posts a" ma non cambia nulla.
    Grazie.
    Rob

    RispondiElimina
    Risposte
    1. @GRob
      Scarica questo file
      https://sites.google.com/site/scriptperilblog/widget-1/articoli-simili-miniature.js
      quindi aprilo con Notepad++. Modifica il tag
      font-size: 12px;
      con
      font-size: 11px;
      Salva il file in formato .js e caricalo su Dropbox o Google Sites quindi sostituiscine l'URL nel codice.

      Elimina
  95. Ciao, ho provATO AD INSERIRE MINIATURA AL FONDO DEL POST, ma quando inserisco il secondo codice: <div class...etc.etc...non me li accetta, nessuno dei due. potresti aiutarmi?
    mariuccia

    RispondiElimina
    Risposte
    1. @mariuccia-+-+-+
      Quel codice non lo devi inserire, lo devi cercare, quello che devi inserire inizia con

      Elimina
    2. Ecco scusami ...mi sono espressa male...nel cercare quel codice, lo cerco con ctrl+F non lo trova, trovo <Div class e basta ....poi post...... no lo trovo più

      Elimina
    3. @mariuccia+-+-
      In questi casi si copia solo la prima parte della riga. Ci possono essere delle piccole differenze.

      Elimina
    4. Quindi quando trovo <div class, subito dopo copio il codice?

      Elimina
    5. @mariuccia+-+-+-
      Noooooo!!!! Ci saranno un sacco di righe che iniziano con < div class
      Devi cercare questo
      div class='post-footer-line post-footer-line
      e vedere quante occorrenze trovi. Ci dovrebbero essere 3 linee contrassegnate da line-1, line-2, line-3
      Poi incolli il codice salvando prima il modello per sicurezza.

      Elimina
  96. Ciao Ernesto è possibile centrare il titolo?? (ti potrebbe interessare anche...)
    grazie in anticipo

    RispondiElimina
    Risposte
    1. @StefanoVinci
      Non mi sembra una cosa che si possa fare con relativa semplicità, almeno per me.

      Elimina
  97. Ho un poblema che spero si possa risolvere. I Titoli sotto le miniature mi cropono le altre scritte, ho dovuto eliminare quella dell'autore perchè rimaneva sotto al titolo e creava disordine. Senza questa va meglio, è comunque al limite. E' possibile inserire uno spazio riga tra il titolo e l'autore che mi piacerebbe, se possibile, reinserire? grazie

    RispondiElimina
  98. Ciao! Ogni volta che cambio immagine principale al post, nelle miniature continua a vedersi quella vecchia, nonostante abbia provato a cancellare anche l'immagine vecchia sperando che si aggiornasse, e invece continua a far vedere l'immagine vecchia... come faccio ad aggiornare?

    RispondiElimina
    Risposte
    1. @ Giuseppe
      Credo sia un problema di Google che mantiene le indicizzazioni. Onestamente non so quanto tempo ci voglia perché faccia vedere quella nuova.

      Elimina
    2. Grazie lo stesso Ernesto! Sempre disponibile :)

      Elimina
  99. Funziona bene solo che il testo, nel mio caso in maiuscolo come tutti i titoli dei post, si sovrappone alle etichette. Avrei bisogno di staccarlo con maggior spazio verticale tra il widget e le etichette. La mia preferenza sarebbe quella di avere le etichette sopra al widget.
    Esiste una soluzione?

    RispondiElimina
    Risposte
    1. @MarcoRinaldi
      Invece di incollare il codice immediatamente dopo la riga
      div class='post-footer-line post-footer-line-1
      fallo dopo quest'altra riga
      div class='post-footer-line post-footer-line-2
      o quest'altra ancora
      div class='post-footer-line post-footer-line-3
      Se vuoi rimpicciolire i titoli modifica questo parametro
      font-size: 1.6em;

      Elimina
    2. Il font-size modifica soltanto il titolo del widget. Ora provo il tuo suggerimento. Grazie

      Elimina
  100. Sono riuscito ad mettere il widget sotto le etichette ma si vede una linea orizzontale sopra ai titoli dei post che "Ti potrebbero interessare". Questa riga era presente già prima e pensavo fosse una sottolineature delle etichette. E' possibile rimuoverla?
    Se voui controllare il mio blog aasarchitecture.com
    Grazie.

    RispondiElimina
    Risposte
    1. @MarcoRinaldi
      Vedo una riga sotto alle miniature dei post. Credo che sia presente più o meno in tutti i blog vicino all'area dei commenti. Non saprei come toglierla. Non si riesce a ricavare il CSS

      Elimina
    2. Trovato! Era l'ombreggiatura del Piè di pagina che ora ho impostato in colore trasparente e non si vede più. Grazie lo stesso della risposta.

      Elimina
  101. come dicevi molti widget spariscono col dominio personalizzato e col mio template non vanno bene neppure con dropbox, perciò ti chiedo se è possibile incorporare il codice direttamente nel modello e nel caso se va eliminata solo la stringa del link al js. grazie...

    RispondiElimina
    Risposte
    1. @ ViviTaranto
      Si possono eliminare tutti i javascript inserendo nel modello il contenuto del file secondo queste istruzioni
      http://www.ideepercomputeredinternet.com/2009/11/come-caricare-file-javascript.html

      Elimina
  102. Ciao, io ho inserito il codice sul mio sito, ma non funziona. Il mio blog è ideaarredo.blogspot.com
    Puoi aiutarmi? grazie

    RispondiElimina
    Risposte
    1. @# Se non funziona non è che possa farci molto. Forse dipende dal tuo template, non saprei. Prova a rifare l'installazione. Alternativamente segui quest'altro post
      http://www.ideepercomputeredinternet.com/2013/02/related-posts-with-thumbnails-for-blogger.html
      o questo
      http://www.ideepercomputeredinternet.com/2013/02/related-posts-with-thumbnails-for-blogger_7.html

      Elimina
  103. Ciao!
    Avevo inserito questo widget e funzionava benissimo. Adesso non c'è più!
    Ho controllato nel modello, la prima parte c'è ancora, ma quando cerco la seconda riga non la trovo (nessuna delle due che hai indicato). Come mai è sparito?
    Grazie

    RispondiElimina
    Risposte
    1. Hai un dominio personalizzato? Se sì leggi l'ultima parte del post. Se non risolvi prova a usare quest'altro widget
      http://www.ideepercomputeredinternet.com/2013/02/related-posts-with-thumbnails-for-blogger_7.html
      @#

      Elimina
    2. Non ho un dominio personalizzato, e la seconda parte l'ho poi trovata e incollata. Ma non va lo stesso. Mi sono invece accorta di non avere più il "MI PIACE" cliccabile, l'ho rimesso e quello va.
      Per curiosità ho chiuso Chrome e guardato il blog con explorer: compare un rettangolo bianco sotto ogni post!
      Se hai voglia di guardare come lo vedi tu è gattosandro-viaggiatore.
      Grazie mille

      Elimina
  104. L'ho inserito ma non funziona, non si visualizza nemmeno, cosa posso fare?

    RispondiElimina
  105. @MaryFisher
    Ti rispondo in questo post soltanto. Hai pubblicato un altro commento simile. Spero che tu sia esperta abbastanza da sapere che questo widget si visualizza solo nei post e non in Homepage e che quindi neppure si vede nell'Anteprima del Modello.
    Nel caso in cui effettivamente abbia aperto un articolo con una etichetta comune ad altri post e noti funzionasse ugualmente prova con quest'altro widget
    http://www.ideepercomputeredinternet.com/2013/02/related-posts-with-thumbnails-for-blogger_7.html
    @#

    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