In un commento di Giuliana a un post in cui presentavo un widget degli articoli recenti con miniature mi si chiedeva se fosse possibile eliminare il numero dei commenti ricevuti da un singolo post che comparivano a lato del titolo. Ho quindi modificato il javascript per non mostrare questo dato che evidentemente è considerato antiestetico da qualcuno. Ho postato in rete un nuovo widget che può essere visualizzato in alto a destra di questo post
Per la sua installazione non occorre modificare il modello. Basta andare su Layout > Aggiungi un gadget > HTML/Javascript e incollare il seguente codice
<script type="text/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;
tablewidth = 190;
cellspacing = 1;
borderColor = "#ffffff";
bgTD = "#ffffff";
imgwidth = 90;
imgheight = 90;
fntsize = 12;
acolor = "#191919";
aBold = true;
icon = " ";
showPostDate = false;
summaryPost = 60;
summaryFontsize = 10;
summaryColor = "#242424";
icon2 = " ";
numposts = 6;
rc_feedLink = "http://design-prova.blogspot.com/feeds/posts/default";
</script>
<noscript><a href='http://goo.gl/6WUl6' target='_blank'><span style='font-size: x-small;'>Recent Posts With Thumbnails</span></a></noscript>
<script src="https://sites.google.com/site/scriptperilblog/javascript-2/recent-posts-without-comment-number.js" type="text/javascript"></script>
Si clicca su Salva e si posiziona il gadget con il mouse. Le personalizzazioni riguardano:
- Gli URL colorati di viola sono delle immagini di default che vengono mostrate come miniatura nel caso non ci siano immagini nel post
- La larghezza del widget (190)
- La distanza tra le celle nella tabella verticale (1 pixel)
- Il colore del bordo #ffffff
- Il colore di sfondo #ffffff
- La larghezza e l'altezza della miniatura (90 pixel)
- La dimensione dei caratteri del titolo (12 pixel)
- Il colore del testo del titolo (#191919)
- Il grassetto (aBold = true - se non si vuole mettere false)
- Il numero degli articoli da visualizzare (6 post)
- Tra le virgolette di icon e icon2 si possono inserire delle icone da visualizzare rispettivamente prima del titolo e prima del sommario
- Si può mostrare la data inserendo true al posto di false su showPostDate
- La dimensione dei caratteri del sommario (10 pixel)
- Il colore dei caratteri del sommario #242424
- Il numero dei caratteri del sommario (60)
- L'indirizzo del vostro blog da sostituire a design-prova.blogspot.com
Osservazione conclusiva - Se avete un blog con dominio personalizzato, questo widget non sarà visibile. Per renderlo tale occorre scaricare il javascript
https://sites.google.com/site/scriptperilblog/javascript-2/recent-posts-without-comment-number.js
caricarlo su DropBox nella cartella Public, acquisire il link diretto e sostituirlo nel codice.
Vorrei inserirlo ma mi servirebbe sapere come posso mandare a capo il titolo+testo rispetto alla miniatura. forse dovrei inserire un tag BR nel js... ma dove ???
RispondiEliminaok ok ce l ho fatta, yuu yuuu!! :D
RispondiEliminaera il TR da chiudere e riaprire. Olè!
@Auto ..
RispondiEliminaPraticamente hai creato un'altra cella della tabella ;) con un nuovo tr
Il widget funziona ma le immagini sono quelle di default e non quelle dei miei post...
RispondiElimina@Tamerice
RispondiEliminaMi sono stupito del tuo commento e allora ho inserito delle immagini negli ultimi post, come vedi vengono visualizzate correttamente
http://design-prova.blogspot.com/2011/11/demo-degli-ultimi-articoli-con.html
Se per te non è così forse è perché posti con Windows Live Writer.
Spesso posto con Live Writer, ma non sempre. E' quindi questa la ragione per cui non si vedono le immagini?
RispondiElimina@Tamerice
RispondiEliminaSì. WLW ha molti pregi ma Blogger non riesce a acquisire le miniature delle immagini postate. Questo accade non solo per i widget ma anche nei Blog Roll che non mostrano le immagini se gli articoli sono stati postati con WLW.
Grazie per tutte le informazioni :) Allora userò WLW quando ho dei video visto che mi permette di ingrandirne il formato.
RispondiEliminaGrazie Mille!!!!!!!!!!!!!! Sei sempre gentilissimo
RispondiEliminaCiao, su dominio personalizzato non riesco a "filtrare" per etichette...avete idea di come poter risolvere ?
RispondiElimina@Nuova Belmonte
RispondiEliminaDevi inserire una riga simile a questa
rc_feedLink = "http://www.ideepercomputeredinternet.com/feeds/posts/default/-/blogger";
in cui cambiare indirizzo del blog e nome della etichetta. Se non ti funziona devi scaricare il file js come indicato nella Osservazione conclusiva.
@CaterinaPili
RispondiEliminaLa Demo funziona. Forse utilizzi una metodologia per postare le foto non corretta o forse metti il Read More prima di tutte le foto. In questo caso la miniatura non viene rilevata.
Ciao Ernesto, utilizzo questo widget da tempo sia nella versione con tutte le etichette che in quella con una singola etichetta e ha sempre funzionato benissimo!
RispondiEliminaVolevo chiederti se fosse possibile utilizzarlo per gli ultimi post relativi a tutte le etichette tranne una! Grazie e a presto
@ La Cucina Imperfetta ...
EliminaNon sono a conoscenza di un modo semplice per creare un feed con tutte le etichette tranne una. Si potrebbero usare i Pipes di Yaooh, quelli del widget dei Top Commentatori ma se ne dovrebbe creare uno apposito per ciascun blog.
Forse è meglio lasciar perdere! Grazie e a presto
EliminaQuesto widget degli ultimi articoli è fantastico, personalizzabile al massimo e carica tanto più velocemente di quello che avevo prima! Grazie davvero.
RispondiEliminaPosso chiederti se esiste un widget per i post più popolari che sia altrettanto personalizzabile, soprattutto nella misura delle fotografie e nella lunghezza del riassunto?
Inoltre, posso chiederti qual è il widget di cui parla Giuliana de la Cucina Imperfetta due commenti sopra, cioè la versione di questo però personalizzata per etichetta?
Grazie Ernesto
@ Giuliana
EliminaPer mostrare solo gli ultimi post relativi a una singola etichetta con questo widget basta cambiare l'indirizzo dei feed. Seguendo la falsariga della demo al posto di
http://design-prova.blogspot.com/feeds/posts/default
si mette
http://design-prova.blogspot.com/feeds/posts/default/-/etichetta
dove al posto di etichetta metti quella che ti pare.
Il widget dei post più popolari è ufficiale di Blogger e le personalizzazioni sono quelle offerte. Magari potrei fare un post per modificare l'aspetto delle miniature (senza impegno... )
Grazie Ernesto :)
EliminaErnesto,scusa se ti chiedo ancora un'ultima cosa.
RispondiEliminaHo installato alcuni di questi widget per etichetta, e funzionano benissimo. Sarebbe possibile inserire alla fine di ognuno due righe di testo con su scritto "Vedi tutti...", riferiti agli altri articoli con la stessa etichetta (e ovviamente) collegandoli tramite apposito link?
Grazie.
@ Giuliana
EliminaBasta che tu incolli alla fine del codice un altro codice come questo
<br/><div style="text-align:center; font-size:14px; font-weight:bold;"><a href="#">Vedi Tutti</a></div>
dove il /br è un salto di riga e dove puoi personalizzare i parametri dentro style.
e dove al posto del cancelletto ci devi incollare l'URL della etichetta che sarà del tipo
Eliminahttp://www.dietaedintorni.net/search/label/dieta
@
Grazie di cuore, se non ci fossi bisognerebbe inventarti ;)
Elimina:D
EliminaIo proprio non riesco a metterlo! Faccio tutto come descrivi ma non viene! Dannazione
RispondiEliminaSe hai un blog con dominio personalizzato vale a dire acquistato da Google del tipo www.miodominio.com devi caricare il javascript su DropBox nella cartella Public. Se invece hai un blog gratuito incolla il codice così com'è per vedere se funziona. Se non andasse ci sono delle incompatibilità se invece andasse allora sbagli qualcosa
EliminaNo ho un mio dominio, e ho già caricato su dropbox ma niente.. noon si vede. E' proprio come se non ci fosse il widget!
RispondiEliminaErnesto,
RispondiEliminacosa può significare se nei widgets relativi a questo articolo (il cui file .js è hostato nel mio account dropbox) sono di colpo sparite le immagini dei relativi post e sono comparse quelle di default, cioè quelle che compaiono in caso non ci sia alcuna immagine? Spero di essermi spiegata...
@ Giuliana
EliminaPuò essere un javascript su DropBox troppo lento che non è riuscito a rilevare le miniature delle immagini. Delle volte DropBox rallenta repentinamente e un paio di volte è andato down
Ho risolto :)
EliminaAvevo cambiato l'impostazione della visualizzazione dei feed da "completa" a "breve", e in questo modo probabilmente non mi prendeva nemmeno la foto. Ho sostituito da "breve" a "fino all'intervallo", e le foto sono ricomparse.
Preciso che l'illuminazione mi è venuta leggendo il tuo commento 12.a ;)
Un bacione!
Ciao Ernesto è possibile fare in modo che questo widget si carichi in modo asincrono?
RispondiEliminaCiao Giuliana
@# Non credo. Prova con Lazy Load
Eliminahttp://www.ideepercomputeredinternet.com/2012/11/lazy-load-plugin-blogger.html
@# Nelle etichette si vede la prima parte del post come in Home fino al classico Continua a leggere. L'aspetto dell'incipit degli articoli è dato dal modello che utilizza
RispondiEliminaQuesto commento è stato eliminato dall'autore.
RispondiEliminaQuesto commento è stato eliminato dall'autore.
Eliminase si imposta il numero di post da mostrare maggiore di quelli realmente in archivio per una data etichetta, il blog si "incasina" graficamente. C'è qualcosa che si può cambiare nello script? Grazie!
RispondiEliminaCosì su due piedi non te lo so dire, bisognerebbe controllare questo file
Eliminahttps://sites.google.com/site/scriptperilblog/javascript-2/recent-posts-without-comment-number.js
Comunque metti un numero più basso oppure scrivi più post :)
@#
Utilizzo questi script per creare pagine statiche che raccolgano singoli argomenti, così impostandoli una volta a 500 post non ci pensi più, questo è graficamente il migliore. C'è un'altra soluzione per creare pagine che raccolgano i post solo di una determinata etichetta? Ti ringrazio davvero tanto, i tuoi tutorial sono l'architettura dei miei blog!
EliminaTutti i widget basati sui feed possono essere usati per una singola etichetta modificando l'URL
Elimina@#
Il link lo aveva messo l'autxore del widget. Dopo averlo tradotto ho messo quello del post del mio blog con le istruzioni per le istruzioni. Per toglierlo procedi in questo modo
RispondiElimina1) Scarica questo file
https://sites.google.com/site/scriptperilblog/javascript-2/recent-posts-without-comment-number.js
2) Aprilo con Notepad++ o altro Editor
3) Scorri fino alle ultime righe e trova questa riga di codice
document.write('<a href="http://parsifal32.blogspot.com/2010/01/il-widget-degli-articoli-recenti-con.html" style="font-size: 7px; text-decoration:none; color: #dddddd;">Installa il Widget</a>');
4) Cancellala
5) Sava il file e caricalo su Google Sites o Google Drive come Hosting
6) Trova il link diretto del file .js e sostituiscilo nel codice
7) Se non funzionasse basta eliminare il solo Installa il widget per non vedere più nulla
8) Per il Continua a leggere lasciamo perdere perché si dovrebbe mettere mano a tutto il file
c'è un modo per rendere certificato lo script in modo che ie non chieda sempre mostra tutto il contenuto?
RispondiEliminaLa certificazione degli script parte dalla conoscenza del suo autore da parte del browser. Molto complicato e non fattibile nel caso specifico visto tra l'altro che lo script non è neppure mio
Elimina@#
Ti ringrazio per la info!
RispondiElimina