Mappa del sito con tutti i titoli dei post pubblicati insieme alle miniature con strumenti di navigazione tra le varie pagine.
Avere un archivio di tutti i post che sono stati pubblicati e che possa essere consultato in modo piacevole dagli utenti è un importante servizio che tutti i blog dovrebbero offrire.
Dopo aver presentato la Mappa del sito per categorie e in ordine cronologico vado a illustrare un metodo esteticamente molto valido per visualizzare tutti i titoli dei post in una stessa pagina statica insieme alla miniatura delle immagini contenute.
Ecco uno screenshot di prova per questo blog
Gli articoli sono visibili a partire dal primo fino all'ultimo. Ogni pagina ne mostra 60 e, nella parte bassa, si possono navigare tutte le pagine cliccando sul numero oppure andando su precedente e successiva. Per la creazione di una pagina statica di questo tipo non occorre modificare il modello. Basta andare su Bacheca > Pagine > Nuova pagina, incollare in Modalità HTML il codice seguente e pubblicare
Le personalizzazioni più importanti sono evidenziate di rosso e nei commenti è spiegato a quale elemento si riferiscono. Ricordo solo che c'è una immagine di sfondo che può essere sostituita da un'altra così come i colori, lo stile dei bordi e le dimensioni dei vari elementi. Nella parte finale c'è il javascript caricato su Google sites che si trova a questo indirizzo
https://sites.google.com/site/scriptperilblog/javascript-2/riassunto-post-miniature.js
Può essere scaricato in formato ZIP da qui e va necessariamente modificato in almeno due parametri
var archivo = http://design-prova.blogspot.com/feeds/posts/default
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHBNUwslhPG-mlQNxErRc3-U-GB27wpD1WJ_r8auDmiZKvkOrcit343E61S_jNb3J4nXbH2wqD3-_g07Ygn3JjFoIJZ0ZbnVkg5zAyAMERisdOwk-XJF0i-mnPzbooyROBtvi_IenVIsg/s90/no-immagini.jpg
il primo rappresenta l'indirizzo del blog e il secondo l'URL della miniatura che sarà visualizzata quando in un articolo non sono presenti immagini. Quando il file è stato modificato, si può salvare il formato js mediante Notepad++ cioè della forma riassunto-post-miniature.js. Dovrà essere caricato su Google Sites o DropBox. Se ne dovrà acquisire l'URL diretto da sostituire nel codice che ho caricato su Google Documenti. Ho pubblicato nel web una
Esteticamente non fa testo perché sono pochi post e quasi tutti senza immagini.
Fonte | Vagabundia -
Molto bello questo archivio. Sarei tentato ma ho alcuni dubbi. Te li espongo: 1)ho le pagine statiche che mantengono anche la sidebar: mi pare che questo archivio abbia bisogno di spazio. Devo togliere la sidebar dalle pagine statiche?
RispondiElimina2) avevo messo la pagina statica con gli articoli (sono quasi a 1000) quindi conviene togliere quella e mettere la nuova?
Grazie e ciao.
@Stefano
RispondiEliminaIl codice proposto ha una larghezza di 950 pixel e una altezza di 980 ma i valori possono essere modificati. Fai dei tentativi se poi non trovi la soluzione ottimale puoi tornare indietro.
wow ma ne sai una più del diavolo :)
RispondiEliminaQuasi quasi la inseirò, ovviamente la pagina si aggiorna automaticamente con i feeds presumo, giusto?
Bella trovata, la proverò. Ciao Parsi. :)
RispondiEliminaLeNny
@Auto ...
RispondiElimina@LeNny
Sì lo script è basato su Json e e sui feed del blog
Questa utility potrebbe essere utile con i nuovi modelli di Blogger...
RispondiEliminaè bella senz'altro ci faccio un pensierino
RispondiEliminaho una domanda e forse una curiosità
magari tu lo sai già
mi sono accorto col widget feedjit
che ho tantissime visite o pseudo tali da groningen olanda .. fino a poco tempo fa dal belgio .. e ancor prima da mountain view casa madre google ..
orbene ho capito col tempo che mountain view fosse il preview possibile dalle ricerche google
e la domanda è hanno forse sostituito il server addetto a tale scopo in europa??
sembrerebbe di si, non credo si tratti di un utente che viene a ravanare tra l'altro gli stessi post giornalmente
chennedici chennedi??
;-)
@Maxso
RispondiEliminaCon i nuovi modelli non si può modificare il template ma in questo caso si tratta di pubblicare una pagina statica quindi si può fare
@Tex Willer
Non te lo so dire. La tua è comunque una deduzione interessante. Potrebbe anche essere un bot di qualche altro tipo per esempio Bing o altro ancora :P
Ernesto ho bisogno del tuo aiuto :( Stava andando tutto bene nella configurazione, con IE e FF tutto bene, MA con Chrome le celle non vengono affiancate! SI crea una colonna con un riquadro sotto l altro! Come faccio?
RispondiElimina(se vuoi vedere tu con chrome: http://autodimerda.blogspot.com/search/label/ARCHIVIO"
@Auto ...
RispondiEliminaHai inserito il widget in una pagina statica che forse non ha le dimensioni orizzontali sufficienti prova a diminuirle o ad aumentare quelle della pagina.
Okey! :)
RispondiEliminaTutto sistemato, grazie di questo post perchè mi serviva una cosa del genere.
PS: il probelma era che avevo tolto la formattazione H6 e Chrome sbandava.
La pagina dove ho inserito l'archivio non è una pagina statica (non le uso) ma una pagina che linka una finta categoria, così non verrà indicizzata.
ecco il lavoretto finito: http://autodimerda.blogspot.com/search/label/ARCHIVIO
Grazie Parsifal,
RispondiEliminacavolo era proprio quello che mi serviva :)!!!
Vediamo che riesco a fare con qualche modifica!
Ma senti, e per fare sempre una cosa del genere ma con un sistema tipo quello usato per il nuovo Template di Blogger (il Flipcard o il Mosaic)?
Un caro saluto
Marco Michele C.MI
@Auto ...
RispondiEliminaHai messo in alto la navigazione! Ottimo, forse è anche meglio.
@Marco Michele
Si può inserire in una pagina statica dei nuovi modelli ma per il momento aspetterei perché ci sono novità in vista, almeno a leggere questo post di Blogger Buzz
http://buzz.blogger.com/2011/10/dynamic-views-update-1.html
L'ho inserito in alto in quanto cambiando pagina non tornava al #top dando una resa esteticamente poco logica. Alla fine dell indice ho aggiunto il comando TORNASU modificando il js
RispondiEliminaAncora grazie ;)
Cmq a proposito di questa importante funzione (la navigazione contestuale all'interno della stessa pagina) sarebbe il massimo se tu riuscissi a renderla verstile per altri scopi.
RispondiEliminaEs: una raccolta di immagini o altri contenuti multimediali che renderebbero pesante l'accesso alla pagina. Non so..forse si potrebbe richiamare un determinato numero di contenuti all'interno di una classe e attribuire ad ogni classe una pagina di navigazione differente. (l'ho buttata lì)
Ok, ho letto...allora attendiamo!
RispondiEliminaGrazie ancora!
Dimenticavo Parsifal, sto dando un'occhiata veloce al codice e ho modificato già qualcosa...ma per aggiungere (oltre al titolo del post) anche un pezzo di anteprima dell'articolo, cosa dovrei andare a modificare?
RispondiEliminaUn saluto
@Auto ...
RispondiEliminaHo un sacco di cose da fare :((((
@Marco Michele
Mettere anche lo snippet dell'articolo è piuttosto complicato. Bisognerebbe mettere mano al javascript in modo radicale.
Ok, grazie ugualmente!
RispondiEliminaUn saluto
Oh mio dio sì!!!! non ci credooooooooooooo!!!!!!
RispondiEliminaCiao,
RispondiEliminaho fatto il mio archivio seguendo la tua guida (come sempre)e vorrei sapere se è possibile creare qualcosa di simile discriminando per etichetta e poterle così suddividere.
tecnoeggs.net se vuoi dare un'occhiata!
@Gibro
RispondiEliminaPer categorie c'è questa opzione
http://www.ideepercomputeredinternet.com/2009/10/come-creare-una-mappa-del-sito-per.html
Bisogna anche sapersi accontentare ;)
Ciao, mi serve aiuto. Non avevo mai usato prima d'ora google docs e vorrei sapere come faccio a prendere l'url diretto al file.
RispondiElimina@maurinho
RispondiEliminaTi apparirà una pagina in cui inserire il tuo account Google che hai sicuramente, visto che hai un blog su Blogger. Dopo che ti sarai loggato potrai accedere al file. Vai a questo URL per accedere a Google Documenti
www.google.com/docs
clicca su Accedi e inserisci i tuoi dati (email e password)
Ciao, io ho provato ma proprio non riesco a creare l'elenco generale di post. Ho anche provato a seguire le indicazioni per togliere la sidebar ma non trovo i codici a cui fai riferimento. In sostanza incollo il codice del riassunto, pubblico e la pagina rimane bianca. Ho provato ad aggiustare i campi in rosso ritarandoli secondo il mio blog e alla sidebar ma niente da fare.. sempre bianca! Mi sai aiutare? Grazie!
RispondiElimina@Zonzolando
RispondiEliminaNon è che posso aggiungere qualcosa in più a quello che ho scritto nel post. Se la pagina è bianca dipende probabilmente dal fatto che non hai inserito bene la fonte dei tuoi feed. Altrimenti veniva storta ma bianca no. Un'altra possibilità è che nel tuo blog ci sia già un widget basato su JSON come per esempio quello degli Ultimi Articoli che dà fastidio a questo. Se è così potresti provare a toglierlo, inserire questo archivio e rimetterlo nuovamente.
Ciao! grazie per la risposta velocissima! Purtroppo ho provato a togliere e rimettere gli ultimi articoli ma ancora niente. Forse sbaglio con la fonte dei feed, anche se non ho idea dove. Grazie lo stesso! ciao
RispondiEliminaCiao Ernesto,
RispondiEliminafinalmente mi sono decisa a provare ad inserire questo bellissimo archivio ma ho avuto una brutta sorpresa: io amministratore del blog vedo tutto perfettamente, ma gli altri vedono solo la pagina bianca... ti viene in mente niente (io da profana non so che pesci prendere...)
@Silvia
RispondiEliminaMi pare una cosa molto strana. Forse dipende dal fatto che usi delle limitazioni per le immagini nella privacy che vengono postate su Picasa. Ma poi sei sicura che sia proprio così? Hai provato a aprire il blog con la modalità in incognito (Chrome)? o con la navigazione anonima (Firefox)?
Sinceramente non ho modificato alcuna impostazione su Picasa (non credevo nemmeno si potesse fare ^_^ ) e lo vedo in qualsiasi browser solo se sono loggata, altrimenti appare su tutti (chrome, explorer9 e waterfox)solo la pagina vuota... se vuoi ti mando uno screenshot via mail.
RispondiElimina@Silvia
RispondiEliminaNon occorre Silvia, ci credo! Però non so spiegarlo né come ovviare :(
e dopo quasi un anno, ho riprovato e ce l'ho fatta, sono troppo contenta!
Eliminasigh sigh, peccato, mi piaceva :(
RispondiEliminaciao scusami ho inserito questo elenco in una pagina statica del mio blog, ma mi va in conflitto con un widget che ho sotto ogni post x la valutazione a stelle del post stesso...
RispondiEliminac'è un modo per sistemare il tutto?
ti lascio il link (non attivo) della pagina http://serg7.blogspot.com/p/indice.html
grazie
:) ho risolto utilizzando gli iframe
RispondiEliminaGrazie Ernesto, molto interessante;
RispondiEliminadopo averlo leggermente modificato, ho inserito lo script nel mio blog con tanto di ringraziamento al tuo sito. ;)
@Nicola
RispondiEliminaI ringraziamenti con link al sito li apprezzo molto.
Questo archivio è qualcosa di fantastico, e carica davvero velocemente!
RispondiEliminaTi faccio una domanda:
pensi che modificando in qualche modo il file .js potrebbe essere possibile far comparire oltre al titolo anche le prime righe dell'articolo oppure quelle che si inseriscono nel campo "Descrizione della ricerca" al'interno dei post?
Ti ringrazio,
Giuiana
@GiulianaMosetti
EliminaPuò darsi ma al momento è cosa al di sopra delle mie capacità. Come vedrai dalla fonte lo script non è mio.
Sì sì, ma infatti non ti chiedevo di farlo, volevo solo sapere se c'era questa possibilità. Magari poi un modo lo trovo ;)
EliminaQuesto commento è stato eliminato dall'autore.
RispondiEliminaciao, sto cercando di creare questa cosa per il mio blog, ma davvero non riesco a farlo :( non sono pratica di tutte queste cose, sono alle prime armi, esiste qualche cosa di più semplice che dia lo stesso risultato? :( Grazie
RispondiEliminawww.paciugabregaeimbelina.blogspot.it
@Paciuga...
EliminaCi sono queste mappe del sito
http://www.ideepercomputeredinternet.com/2012/03/come-creare-delle-mappe-del-sito.html
molto semplici ma senza miniature.
@Cinetik
RispondiEliminaAdesso lo ZIP ha il collegamento giusto.
Ciao Ernesto questo assomiglia un poco a quello che avrei voluto fare.. oramai mi hai già risposto che non esiste una cosa per blog spot che metta le miniature del post per categorie in una pagina .. grazie
RispondiEliminaCiao Ernesto ti ringrazio ma purtroppo ho provato a salvare e aprire per vedere come sarebbe venuto ma non ci riesco.. si blocca tutto.
RispondiEliminaMa che bello! Sei il mio GURU! ^_^
RispondiEliminaDopo giorni che ci provavo finalmente sono riuscita a metterlo, io vedo le miniature ma gli altri no :-( Ho letto un'altro commento sullo stesso argomento, per caso ci sono novità su come ovviare a questa cosa? Ho un blog su Blogger...
RispondiEliminaGrazie, soprattutto per tutti i consigli che ci dai :-)))
@Tival
EliminaSe gli altri non vedono le miniature può essere che ci sia un problema di cookie o di privacy. Procedi in questo modo
1)Apri una scheda del browser in modalità In Incognito e controlla se si vedono le miniature. Se si vedono allora è tutto OK e chi non le vede ha nel suo browser dei cookie in conflitto tra di loro
2)Se invece le miniature non si vedono allora vai su Picasa e cambia la privacu degli album in cui finiscono le immagini di Blogger da Solo tu a Pubblca sul web.
Grazie... Provo subito :-)
EliminaPensavo... modificando l'url dei feeds (dando a tutte le foto una stessa etichetta) ... si potrebbe creare una galleria fotografica, magari aumentando leggermente le dimensioni delle miniature. Pensi sia fattibile? Ci provo? :) (grazie mille per il post)
RispondiElimina@SoffioDiDea
EliminaPuoi sempre provare utilizzando i feed delle etichette
http://www.ideepercomputeredinternet.com/2009/10/come-conoscere-l-del-blog-l-del-post-i.html
Sì ho appena provato e funziona... ora devo solo modificare le dimensioni delle celle :) Grazie mille utilissimo (come farei senza di te?!)
EliminaCiao. Ho seguito le istruzioni e tutto funziona tranne il fatto che i titoli dei post non si vedono nei riquadri, quindi ho le miniature, i rettangoli, ma sono vuoti. Ho sbagliato qualcosa? Grazie
RispondiEliminaNon è detto che tu abbia sbagliato qualcosa. Quando si testa un widget c'è sempre la possibilità che non possa funzionare, anzi si può dire che succede nella maggioranza dei casi :(
EliminaR @
Mi suggerisci di modificare qualcosa o rinuncio?:)
EliminaSe non ti funziona è meglio rinunciare perché è difficile capire cosa non vada
EliminaR @
ciao ernesto.... qualche mio lettore mi ha fatto notare che il widget non si visualizza con firefox, ed ho verificato che anche con croome non visualizzo l'elenco... con safari si però ... cosa può essere che non funziona?
RispondiElimina@# Anche nella Demo non si vede più con Chrome. Non saprei dirti perché. Prova con questo
Eliminahttp://www.ideepercomputeredinternet.com/2012/10/cross-browser-internet-explorer-ie9-blogger.html
Io con Chrome e Firefox la mia pagina statica la vedo ancora... speriamo duri! :)
RispondiEliminaho seguito i consigli che davi in quel post ma niente da fare...
RispondiEliminaho inserito questo codice meta content='IE=8, IE=9, IE=10, chrome=1' http-equiv='X-UA-Compatible'
Ciao! È per caso possibile inserire un'immagine (tipo .gif) al posto della scritta 'sto caricando...'? Mille grazie, utilissimo come sempre!!!! :)
RispondiEliminaScaricati questo file
Eliminahttps://sites.google.com/site/scriptperilblog/javascript-2/riassunto-post-miniature.js
e cercati il rigo
Sto caricando ...
Potresti provare a inserire al suo posto una immagine in questo modo
<img src="URL_Immagine.gif"/>
P.S. Non ho testato e non so se funzionerà
avevo già provato, purtroppo non va... non mi si vedeva più nulla...
Eliminafarò altri esperimenti, grazie comunque! :)
Puoi semplicemente togliere la scritta o cambiarla se non ti piace @#
EliminaA me non si vede niente.. forse ho sbagliato a modificare il javascript ma la pagina rimane bianca! come poso fare??
RispondiEliminaProva a pubblicare direttamente da HTML senza passare per Scrivi perché delle volte Blogger modifica il codice
Elimina@#
Niente da fare! Mi esce tutto bianco! Non c'è un altro modo per farlo?
EliminaProva con queste mappe del sito
Eliminahttp://www.ideepercomputeredinternet.com/2012/03/come-creare-delle-mappe-del-sito.html
Non hanno però le miniature
@#
E ma io volevo le miniature. Ci potrebbero essere dei widget o qualcosa che interferisce?
EliminaPotrebbe essere. Se hai un widget degli ultimi articoli questo utilizza lo stesso URL dei feed. Prova a toglierlo quindi installa questa mappa con le etichette e guardi se funziona, poi provi a rimettere il widget
Elimina@#
Si potrebbero avere i post in ordine alfabetico? ho provato a mettere nello script orderby=alphabetically o alphabet, ma non funziona....
RispondiEliminaNon con questo widget
Elimina@#
Ciao, sto diventando matta a cercare il tuo post giusto. Io vorrei solo che nella mia home page del blog mi si visualizzassero gli ultimi 3-4 articoli scritti, non in maniera completa, ma una parte con poi scritto "continua a leggere". Non credo di essere nel post giusto, anche perchè per me questo è troppo difficile. Mi puoi aiutare ? grazie mille.
RispondiEliminaTi chiami Enzo e stati diventando matta :) Non voglio indagare oltre :))
EliminaIl post a cui ti riferisci non esiste perché si tratta di funzioni semplici che ho ritenuto non meritassero un articolo. Per settare il numero di post vai su Bacheca > Impostazioni > Post e Commenti > Mostra più post possibili e digita 3 o 4. Poi ricordati di andare su Salva impostazioni in alto a destra.
Per quello che riguarda il Continua a Leggere devi essere tu a inserirlo direttamente dall'Editor del post. C'è una icona che si chiama Inserisci Intervallo che ha come icona una pagina strappata e che mostra nella home solo la parte del post posizionata appunto prima dell'Intervallo. Visualizzerai una linea orizzontale nel punto in cui avrai posizionato il cursore
@#
Ahah!! :-) Grazie mille, molto semplice. Grazie ancora e buona serata.
EliminaCiao Ernesto. Pensi che si possa escludere dall'archivio dei determinati post tramite un'etichetta?
RispondiEliminaNon lo escludo ma non mi viene in mente nulla al riguardo
Elimina@#
Ecco, questa cosa non mi funziona più. Pensi di riprenderlo un giorno e renderlo responsive? Era utilissimo e molto comodo.
RispondiEliminaNon si può renderlo Responsive, ci sono le dimensioni delle larghezze in pixel e non in percentuale.
RispondiElimina@#
Peccato, grazie ugualmente.
EliminaCiao Ernesto, torno alla carica dopo un sacco di tempo (ho visto il mio ultimo commento era del 2013!); ho reinserito le miniature in un nuovo blog e funziona, solo che tutti i browser me lo bloccano per "script o immagini non sicure"... Ti viene in mente niente per ovviare a questa seccatura?
RispondiEliminaGrazie mille!
Il problema è che le immagini vecchie hanno URL che iniziano con HTTP invece che con HTTPS 😐
Elimina@#
Cioè nello script prelevato da Google Sites? Intendi questo, vero? Dopo tanto tempo, sono un po' arrugginita :)
EliminaNo. Se tu adesso clicchi con il destro del mouse su una immagine pubblicata in un post di Blogger e sceglie Copia indirizzo immagine, vedrai che tale indirizzo inizia con https:// mentre se fai la stessa operazione su immagini pubblicate anni fa il loro URL inizierà con http:// Dovresti semplicemente aggiungere una s nell'indirizzo controllando che l'immagine si veda lo stesso. Si tratta di un lavoro noioso ma non vedo alternative
Elimina@#
Ti stupirò con i miei effetti speciali... è il nuovo che mi da problemi, quello con tutti https alle immagini, mentre il vecchio (con tutti http) non ha nessun genere di blocco :(
Elimina