Pubblicato il 07/03/10 - aggiornato il  | 92 commenti :

Come inserire e personalizzare il read more in Blogger e come usarlo con Windows Live Writer.

Certamente saprete che Blogger nel suo editor aggiornato ha introdotto la funzione del read more o del jump o del salto. Questa personalizzazione consente di pubblicare in Homepage solo un estratto dell'articolo in modo tale da poter inserire un numero di post più elevato. Prima eravamo costretti a utilizzare il metodo degli articoli sintetici che comportava l'inserimento del codice <span id="fullpost"> nel punto in cui volevamo finisse il riassunto.
E' preferibile utilizzare questa nuova funzione di Blogger in quanto, con il vecchio metodo, i post erano sì visti solo in parte ma venivano caricati completamente a scapito della velocità di apertura della pagina.
In questo blog ho più volte ricordato come, a partire da quest'anno, il fattore velocità sarà uno dei parametri che determinerà il posizionamento dei post e della homepage del blog. Se si utilizza la funzione di Blogger il caricamento riguarderà solo il riassunto e quindi ne beneficerà la performance della homepage in quanto a rapidità di apertura.
Per passare a questa personalizzazione bisogna
  1. Eliminare il codice degli articoli sintetici se lo avevamo inserito
  2. Scegliere l'editor aggiornato di Blogger in Impostazioni > Generale
  3. Premere sul pulsante apposito quando si vuole far terminare il riassunto. Ha la forma di una pagina strappata
  4. Andare su Layout > Elementi pagina e cliccare su Modifica nell'elemento Post su blog
  5. Inserire l'espressione che ci piace di più per invitare i lettori a leggere tutto l'articolo
read-more-personalizzazione
nel campo "Testo del link della Pagina di post" quindi cliccare su Salva.
Se avete un modello personalizzato è probabile che la scritta "Ulteriori Informazioni…>>" o una analoga che avete scelto non si vedrà sotto ai vostri post. Bisogna quindi andare su Layout > Modifica HTML e cercare la riga
<data:post.body/>
quindi, immediatamente sotto, incollare il 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 >
come spiegato anche in questa pagina di istruzioni. Alternativamente si può inserire anche dopo il codice
<div style='clear: both;'/> <!-- clear for photos floats -->
   </div>
come mostrato nello screenshot
read-more-2
Quando, con l'editor aggiornato di Blogger, si clicca sul pulsante "Inserisci intervallo" si visualizzerà la linea che delimita il riassunto dall'altra parte del post
read-more-3
Se si usa Windows Live Writer non è che le cose cambino in modo sostanziale. Si va su Origine, quindi in modalità HTML, inseriamo il commento
<!-- more -->
nel punto in cui vogliamo che termini il riassunto
read-more-4
da mettere ovviamente tra un paragrafo e l'altro cioè tra un </p> e un <p> oppure alla fine o all'inizio di una immagine o di un elenco.
Possiamo anche pensare di dare uno stile al link "Ulteriori informazioni…>>". Bisogna andare su Layout > Modifica HTML e cercare la riga
]]></b:skin>
quindi, immediatamente sopra, incollare un codice simile a questo
.jump-link a {
background: #ffffff;
padding: 3px;
color: #940F04;
}
.jump-link a:hover {
background: #525252;
padding: 3px;
color: #FDBCB7;
}
dove il primo blocco rappresenta il colore del link e quello di sfondo in condizioni normali e il secondo quando viene puntato con il mouse. I colori possono essere scelti intonati al modello che abbiamo. Verrà una cosa simile a questa
read-more-5
Se questa personalizzazione non è ancora sufficiente e al posto del link all'articolo vogliamo inserire un'immagine con su scritto, per esempio, "Leggi tutto.." ecco che al posto del codice read more visto in precedenza, dobbiamo inserire quest'altro
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src="URL_Immagine" border="0" alt="Titolo Immagine" /></a>
</div>
</b:if >
dove al posto di URL_Immagine immettiamo l'indirizzo dell'immagine che abbiamo caricato nel web e al posto di Titolo Immagine la sua descrizione.


92 commenti :

  1. Ma c'è un modo per automatizzare questa cosa? Sinceramente non me la sento di modificare 400 e passa post per aggiungere e avere questa utile funzione.

    RispondiElimina
  2. @Maxso
    Per carità non devi modificare nessun post che hai già pubblicato!
    Serve solo per quelli che pubblicherai. In questo modo in Homepage vedrai solo un riassunto di ciascun articolo per permetterti di inserirne di più e di caricarla più velocemente.
    I post già pubblicati non saranno mai più in Homepage :-)
    Clicca su Home del mio blog e ti renderai conto di cosa significa :-)
    Ciao

    RispondiElimina
  3. Hai ragione... Basta modificare solo i post che sono in home... Piuttosto volevo sapere se è possibile associare il codice " a qualche pulsante in Windows Live Writer.

    RispondiElimina
  4. @Maxso
    Mi prendi alla sprovvista. Ci sono un sacco di plugin ma ovviamente non li conosco tutti. Potrebbe anche essere che si possa creare delle macro per inserire un determinato codice con un solo click. Guarda un po' qui. Ci sono 9 pagine di plugin e forse troverai quello giusto :-)

    RispondiElimina
  5. E dunque, se si usa Windows Live Writer, non è possibile inserire 'read more' automaticamente, cliccando sulla relativa icona (presente ma non attiva), ma bisogna materialmente scrivere sul formato html?

    RispondiElimina
  6. @nebrodi e dintorni
    credo che dipenda dal modello. Nel mio non funziona e devo andare in modalità html e mettere -- more --
    Ciao

    RispondiElimina
  7. Ciao volevo chiederti nel riassunto del post è possibile far vedere in automatico anche una foto magari piccolapiccola come anteprima? Grazie

    RispondiElimina
  8. @soffio di dea
    Certo che si può, basta che la inserisci nella parte dell'articolo che è prima di !-- more --
    Puoi iniziare il post inserendo per esempio una immagine ridimensionata di una più grande messa dentro l'articolo.
    Alcuni blog usano questo stile per caratterizzare i loro articoli.
    Ciao

    RispondiElimina
  9. ok grazie... volevo chiederti ancora una cosa... ho sostituito alla scritta "continua a leggere" un bottone seguendo il tuo procedimento e funziona... solo che sotto al bottone è rimasta la scritta (come link) "continua a leggere".
    Cioè ora ho il bottone e sottone anche il link a a scritta.
    Ho provato a cancellare la scritta andando su elementi di pagina... ma se cancello la scritta da lì... ritorna comunque... così l'ho sostituita con un punto... ma nn mi piace così :( forse devo levare qualche script dal codice html ma nn so come.
    Grazie

    RispondiElimina
  10. sempre io... ho risolto... dopo la stringa copiata da te con dentro l'url dell'immagine bottone da mettere... c'è una stringa molto simile che è quella credo definita da bloggher... che ho tolto... e la scritta è sparita.
    controlla anche tu...

    nn so se ho fatto danni, ma così facendo credo di aver risolto.
    Grazie di esistere! ^_^

    RispondiElimina
  11. @Soffio di Dea
    Grazie di esistere? Ma dai così mi fai commuovere...
    Dico sul serio ^_^

    RispondiElimina
  12. Beh è la verità, senza il tuo aiuto ora starei ancora in alto mare... il tuo blog è SUPERUTILISSIMO e ti ho anche ringraziato pubblicamente da me e ti ho aggiunto nei link... xchè magari altre come me possono aver bisogno di te :)
    Io credo di aver quasi ultimato tutto da me... oggi sono stata alle prese con http://www.wowzio.com/ nn so se tu ne abbia parlato... ancora devo controllare... ma se lo hai fatto... ti faccio una statua d'oro! Non conosco l'inglese xcui nn capisco nulla di come si faccia x installarli... se devo iscrivermi... x ora ho solo mandato un'email chiedendo di volerli (sperando siano gratis) ma tutto tace... mah :)
    un abbraccio e grazie x il tuo augurio... lo ricambio di cuore ^_^
    Roberta

    RispondiElimina
  13. @soffio di dea
    Ho già scritto di Wowzio in questo post
    http://parsifal32.blogspot.com/2008/09/widget-per-tutti-i-gusti-con-wowzio.html
    però adesso non so se è sempre gratuito come lo era prima, purtroppo credo proprio di no.
    Ciao

    RispondiElimina
  14. Stavo pensando... e se volessi sia l'iscritta che l'immagine? Ti spiego, intendo la scritta Continua a leggere con una piccola immagine laterale, come potrei fare?
    Buona giornata Parsifal. :)

    RispondiElimina
  15. @Marguerite N.
    Dovrebbe essere possibile. Bisognerebbe creare una classe di stile per inserire entrambi. Se mi viene qualche idea te lo dico.
    Buona giornata anche a te

    RispondiElimina
  16. *la scritta, non l'iscritta xD

    Grazie Parsifal. :D

    RispondiElimina
  17. Stai parlando con una editor, la pignoleria per i refusi è compresa nel pacchetto. ;)

    Sai che ci sono quasi riuscita? L'immagine c'è, non chiedermi cosa mi sono inventata, solo che la scritta e quest'ultima sono su due piani diversi. Mmm.

    RispondiElimina
  18. @Marguerite N.
    Pensa invece che io, nel tentativo di eliminare completamente il commento che avevi già cancellato tu, ho eliminato il mio!
    Ma dove sarebbe questo blog in cui fai queste prove? Ho dato uno sguardo all'unico presente sul tuo Profilo e non ho visto né link né menù. Sarà che sono stato distratto dalle foto...
    Ciao

    RispondiElimina
  19. Ciao, che tu sappia in Windows Live Writer non perchè non è attivo il pulsante "inserisci intervallo"? In realtà c'è ma è oscurato, non ancora attivo. Sai se per caso nella prossima release sarà implementato?

    RispondiElimina
  20. @Riccardo
    Nell'ultima versione Windows Live Essentials 2011 in Inserisci > Dividi post è presente e funziona anche per Blogger. Nella versione precedente si può usare solo con Wordpress. Per saperne di più puoi leggerti questo post
    http://www.ideepercomputeredinternet.com/2010/10/come-usare-windows-live-writer-2011.html

    RispondiElimina
  21. Ciao Parsifal. Mi sono permesso di modificare ulteriormente le personalizzazioni del tuo bottone. Cercavo in giro il codice per un bottone da inserire come red more. Mi sono imbattuto in un sito molto tecnico (lo stesso che mi hai consigliato tu per l'inserimento delle tabelle nelle pagine statiche - http://css.html.it/articoli/leggi/2927/bottoni-con-stile/3/).
    Il bottone è realizzato interamente in codice HTML e CSS, e sono riusciti a realizzarlo con coloritura a gradiente. Ma non era creato per essere red more. Quindi ho inserito - .jump-link a { - al posto di - button { - e duplicato l'intero codice per poter inserire il - .jump-link a:hover { - così da avere l'effetto passaggio del mouse. devo dire che mi è venuto bene. Pensavo che potresti modificare ulteriormente il codice con le tue capacità. Secondo me questo pulsante ha grandi potenzialità. Se vuoi vedere come è venuto, il mio indirizzo è questo: http://fuoriditesto.blogspot.com/, è nato da poco ma si farà. Un abbraccio.

    RispondiElimina
  22. [Ricky]
    Per carità puoi permetterti quello che vuoi. Sui bottoni magari ci farò qualche post tra un po'.
    Ciao

    RispondiElimina
  23. Ciao parsifal, innanzitutto ti ringrazio (come al solito) e poi ti pongo una domanda (come al solito xD):

    sono riuscito a mettere il "Read more" ma come potrai vedere nella home del mio blog viene visualizzato in basso a sinistra dei post, e con una dimensione piccolissima...come potrei modificare la dimensione e la posizione del read more? Grazie per l'aiuto!!

    RispondiElimina
  24. @Nerko
    Mi pare che tu abbia inserito quello classico offerto da blogger. Per le eventuali personalizzazioni come mettere una immagine al posto della scritta, modificare la posizione, ecc. consulta i post che ho già pubblicato
    http://www.ideepercomputeredinternet.com/search/label/read%20more

    RispondiElimina
  25. Grazie, mi limiterò ad usare questa guida http://www.ideepercomputeredinternet.com/2009/09/come-inserire-un-al-posto-della-scritta.html

    per cambiare la scritta con un immagine, appena blogger mi fa tornare il tasto "espandi modelli widget" funzionante -.-''

    RispondiElimina
  26. @Nerko

    ho seguito al passo il tuo post però stranamente non funziona.la cosa che mi sorpende è che pur avendo l'editor blogger aggiornato non mi compare nella pagina dell'impostazioni la possibilità di inserire la scritta che si vuole per il "more".Neanche dopo le modifiche.Magari dipende dal mio template?

    RispondiElimina
  27. @parsifal32

    ho provato a usare il read more con le personalizzazioni del caso,ma nulla non funziona.può dipendere dal mio template eprsonalizzato?o non funziona più?

    RispondiElimina
  28. @TUTTI GLI SCANDALI DEL VATICANO E' molto strano che non ti funzioni. Hai provato a pubblicare con l'Editor di Blogger e inserito la riga del salto? Hai controllato che ci sia il codice indicato nel post?

    RispondiElimina
  29. Funziona tutto, però "continua a leggere" mi va sotto al "mi piace" di Facebook. C'è un modo per metterlo sopra al "mi piace"?

    RispondiElimina
  30. @Patrick
    Il Mi piace non inserirlo nel modello dopo la riga
    <data:post.body/>
    ma prima di
    <div class='post-footer'>

    RispondiElimina
  31. Ciao Ernesto, ho provato ma non appare niente, come se non ci fosse.

    RispondiElimina
  32. @Patrick
    Che vuoi che ti dica ... mi sembra strano. SE il codice del MI Piace lo sposti più in basso, il bottone dovrebbe vedersi più in basso e non scomparire. Hai provato ad aprire un post? Può darsi che si veda solo alla fine degli articoli come è giusto che sia.

    RispondiElimina
  33. @parsifal32
    Hai ragione, probabilmente avevo sbagliato qualcosa....sei grande!!!

    RispondiElimina
  34. Grazie mille per la guida l'unica che ho trovato che spiega come fare se si usa un template modificato!!! Fantastico!!!

    RispondiElimina
  35. mio unico guru: come sai, uso la versione "vecchia" di wlw (quella per xp)e, spulciando nella rete, ho trovato un plugin per il read more.

    si tratta del "blogger excerpt" e vorrei chiederti se lo conosci, prima di imbarcarmi in qualcosa che può portarmi ulteriori disastri.

    potrebbe essere utile anche a chi usa la mia stessa versione di wlw...

    RispondiElimina
    Risposte
    1. @Naima
      Non conosco quel plugin e anch'io ho la vecchia versione di WLW che uso tranquillamente in un vecchio portatile. Per inserire il Read More con WLW è cosa semplicissima anche se non si ha la nuova versione.
      Devi andare su Origine (Modalità HTML) e incollare nel punto in cui vuoi far finire il riassunto del post questo tag

      <!--more-->

      Se non ti funzionasse prova con quest'altro

      <!-- more -->
      Pubblichi il post e nella home si vedrà solo la parte precedente al tag.

      Elimina
    2. certo ernesto: conosco anch'io il tag per il more (ovviamente, grazie a te!).

      il plugin era solo per "velocizzare" la cosa e non trascrivere il tag ogni volta...

      Elimina
    3. installato, provato e...funziona!!!

      consigliato!

      Elimina
  36. ciao volevo chiederti,nel mio blog vorrei rendere il ''read more'' maiuscolo in nero ,insomma in modo che sia più evidenziato:) ho provato a seguire le indicazioni del blog ma penso di complicare solo le cose,esiste un modo o un codice da incollare in html,insomma una via di uscita più facile :)

    RispondiElimina
    Risposte
    1. @OanaC
      Prova a andare in Modello > Modifica HTML > Procedi e cerca questa linea
      ]]></b:skin>
      Subito sopra incolla questo codice
      .jump-link {text- transform:uppercase;}
      quindi salva il modello.

      Elimina
    2. Se vuoi colorarlo anche di nero e vederlo in grassetto puoi usare quest'altro codice
      .jump-link {
      text- transform:uppercase;
      color:#000000;
      font-weight:bold;
      }

      Elimina
    3. ho seguito il tuo consiglio grazie di cuore :)
      Voleveo chiederti se vai sul mio blog ho inserito Linkwhitin ma NON FUNZIONA :(
      mi sai darmi una mano?

      inoltre vorrei sapere come posso fare a togliere i bordi bianchi intorno alle foto nel blog?

      Elimina
    4. @OanaC
      LinkWithin è basato su un server proprietario, anche nel mio sito non funzionava bene. Si può provare a aspettare che il sito venga indicizzato dal loro database.
      Per togliere i bordi bianchi intorno alle foto devi prima salvare il modello poi andare sull'HTML e provare a togliere queste righe

      padding: 2px;
      background: #ffffff;
      border: 1px solid #eeeeee;
      -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
      box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

      stai attenta però.

      Elimina
    5. mmmm ho provato a cercare le righe ma non le trovo nel mio html...

      Elimina
  37. volevo personalizzarlo e quindi non usare quello predefinito ma non trovo in modifica html.. come faccio? vorrei personalizzarlo perchè quello predefinito non mi piace..

    RispondiElimina
    Risposte
    1. @P&amp;P
      Se non lo trovi probabilmente è perché non hai messo la spunta a "Espandi i modelli widget"

      Elimina
    2. Ciao se volessi modificare il carattere rendendolo più grande e visibile??

      Elimina
    3. ps: se volessi fare la stessa cosa anche per la scritta commenti?

      Elimina
    4. @ robertobaggio
      Per i commenti leggi qui
      http://www.ideepercomputeredinternet.com/2012/03/come-modificare-gli-elementi-del-footer.html
      Lo si può fare anche con Continua a leggere. Bisogna usare Firebug per conoscere il CSS
      http://www.ideepercomputeredinternet.com/2011/05/firebug-e-una-estensione-di-firefox-per.html

      Elimina
    5. Grazie sono riuscito a fare tutto, ho un'ultima domanda, se volessi invece cambiare la scritta commenti in Commenta oppure Scrivi un Commento, sarebbe possibile?

      Elimina
    6. @ robertobaggio
      Vai su Layout > Post sul blog > Modifica e al posto di Commenti puoi mettere l'espressione che ti pare. Leggi qua per maggiori informazioni
      http://www.ideepercomputeredinternet.com/2010/12/impostazioni-per-configurare-il-post-su.html

      Elimina
  38. Ciao Ernesto, eccomi di nuovo con le mie solite domande strane.
    Tu reclina senza problemi perchè mi rendo conto che il problema sia di non semplice soluzione (credo).
    Da un paio di giorni, senza che io abbia apportato modifiche al blog, cliccando sul read more di alcuni articoli la struttura del blog cambia, le colonne si posizionano in basso all'articolo invece che di fianco.
    Cosa mi consigli di fare?

    RispondiElimina
    Risposte
    1. @# E' un problema di larghezze. Salva il modello. Vai su Modello > Personalizza > Modifica le larghezze e diminuisci la larghezza delle sidebar o dell'area del post. Attenzione perché si potrebbero verificare delle perdite di personalizzazioni. Alternativamente usa questo sistema
      http://www.ideepercomputeredinternet.com/2011/05/come-cambiare-la-larghezza-del-blog-e.html
      più sicuro

      Elimina
    2. La larghezza è la stessa da alcuni mesi.
      Se fosse questo il problema perchè per alcuni post succede e per alcuni no?

      Elimina
  39. Ciao! Ho provato ad usare il codice per inserire un'immagine al posto di "read more", sto usando l'editor nuovo, non so se possa influenzare. L'avevo già messa l'immagine al tempo ma credo che a causa dell'editor nuovo mi sia ritornato il semplice "read more"

    RispondiElimina
  40. Ciao, come fare per spostare il tasto read more a destra? Grazie se me lo spiegate

    RispondiElimina
    Risposte
    1. Questo ti può aiutare
      http://www.ideepercomputeredinternet.com/2010/09/come-inserire-immagine-e-testo-su-lati.html
      per mandare a destra si usa il tag style='float:right;' che puoi usare anche solo per il testo
      @#

      Elimina
  41. Ciao Ernesto , per cortesia . Uso un template che prevede in automatico la scritta Read More nella pagina iniziale dei miei post . Come faccio ad eliminarlo in modo che mi venga visualizzato il post a dimensione originale e non ad icona . Grazie per l'aiuto . Buona serata

    RispondiElimina
    Risposte
    1. Non si può dire. Dovresti consultare l'autore del template. Ti consiglio di cambiarlo se proprio non ti piace quella funzione
      @#

      Elimina
  42. Salve, volevo sapere come inserire un contenuto dopo il read more, a tutti i post del blog. So che è un operazione difficile, ma mi affido a voi

    RispondiElimina
  43. Buongiorno Ernesto,
    e grazie per questo blog da cui traggo sempre utilissimi spunti!
    Avrei una domanda riguardo all'inserimento di una immagine al posto della scritta "Continua a leggere".
    E' possibile inserire una specie di effetto hover? Vorrei che al passaggio del mouse il pulsante diventasse più chiaro. Se vuoi vedere l'immagine, si trova nel mio blog di prova http://provamenudd.blogspot.it/
    Avrei anche realizzato una versione schiarita del pulsante, in pratica pensavo di sovrapporre due immagini.
    C'è un modo per farlo?
    Ho provato a pasticciare con i codici ma...sono una frana!
    Grazie per l'attenzione!

    RispondiElimina
    Risposte
    1. È una richiesta interessante. Non so se sia possibile. Ci penserò. Senza impegno :)
      @#

      Elimina
    2. Grazie comunque per la disponibilità, se c'è una cosa in cui riesco bene è complicare le cose! :P

      Elimina
  44. Ciao :) è possibile mettere l'intervallo anche sulle pagine del mio blogger? provo a metterlo ma non funziona! :S Grazie!

    RispondiElimina
    Risposte
    1. Il Continua a Leggere o Inserisci Intervallo funziona solo con i post di Blogger. Il pulsante c'è anche nell'Editor delle Pagine Statiche ma non funziona perché serve per mostrare solo il riassunto dei post nella homepage per ottimizzare lo spazio e le pagine statiche non ci vanno
      @#

      Elimina
    2. Ah, grazie mille per l'informazione! non c'è un modo per non mettere tutti gli articoli mischiati dentro la pagina? Esempio: Blog di cucina -> Pagina Antipasti -> tutte le ricette degli antipasti! come posso organizzarli?

      Elimina
    3. Su Blogger non esistono le Categorie gerarchiche come in Wordpress ma solo le etichette che sono equipollenti. Puoi solo organizzarli con quelle ma con un solo livello (Es di etichette: antipasti, primi, secondi, dessert, bevande, ecc)
      @#

      Elimina
  45. io nn so.. ma io nn ho capito una meritata S*GA.! XD
    non trovo nessuno dei punti elencanti...e devo per forza seguire tutto sto ambaradam??
    non c'è una soluzione + veloce e indolore? grazie ;(

    RispondiElimina
    Risposte
    1. Questo post è del 2010!!!
      Ora si può inserire i riassunti in Homepage senza modificare il modello semplicemente andando nell'Editor di Blogger e cliccare sulla icona denominata Inserisci Intervallo
      @#

      Elimina
    2. Grazie al cielo..speravo a questa risposta dell'evoluzione del blog.. xDD potresti farmi un cattura xkè vorrei mettere foto e sotto la foto il Read more>> e quando clicchi esce tutta la descrizione... questo è il mio blog :P
      http://f4shionmagazin3.blogspot.it/

      Elimina
    3. Ecco qua
      http://i.imgur.com/kk4mbZV.png
      @#

      Elimina
  46. e pensare ke pensavo fosse un divisore... x°D mi vien da piangere... cmq ancora non ho capito come se mette il testo dentro la voce "read more>>" vbb mo ce provo e poi ti dirò.. CMQ SEI UN GRANDE...SEI UN DIO! GRAZIE XD

    RispondiElimina
    Risposte
    1. Niente non riesco a mettere il testo dentro alla frase read more >>

      volevo fare..

      foto
      Read more>>

      clicchi read more>> e ti compare
      foto e
      testo di sotto

      ma niente.. ;( come se fa ;S

      Elimina
  47. scusami mi mancava andare solo in HOME PAGE..che stupida.!!!
    lho visto in sto video --> https://www.youtube.com/watch?v=Y6K8RcIStTU
    qui capirete come si fa.. xD

    RispondiElimina
  48. Salve, volevo chiedere se c'era un modo per eliminare il codice articoli sintetici in automatico, in quanto ho installato un template scaricato da un sito in cui è stato inserito in automatico. Grazie mille!

    RispondiElimina
    Risposte
    1. Nei template scaricati da internet specialmente quelli più vecchi hanno questa opzione già inserita anche perché la homepage ha spesso un aspetto particolare non compatibile senza il read more. L'unico che può aiutarti è chi ha realizzato il template o in subordine prova a vedere se c'è un'altra opzione per il template senza il Read More automatico.
      Provare a modificare il modello per toglierlo comporta un lavoro impegnativo senza avere la certezza di riuscire nell'intento.
      @#

      Elimina
    2. Era ciò che sospettavo... Grazie per la disponibilità, blog utilissimo!

      Elimina
  49. Ciao! Ho un problema urgente che non riesco a risolvere! Ho appena pubblicato un post e, mentre i due precedenti senza l'aggiunta di interruzioni etc si presentano nella Home Page con anteprima delle due foto che ho inserito nel testo, in questo post non riesco ad avere nessun "continua a leggere", non riesco a capire il perchè! Grazie mille! Giulia

    RispondiElimina
    Risposte
    1. Il tuo blog è questo?
      http://vitaminagblog.blogspot.it/
      In home vedo due post entrambi con il continua a leggere
      @#

      Elimina
    2. Sì esatto! I primi due perfetti! Ma il terzo pubblicato non mi mostra nessuna anteprima nella Home Page, non capisco perchè e, provando più volte ad inserire l'interruzione oppure il more in HTML non cambia nulla nulla...rimane solo il titolo del post!

      Elimina
    3. Si vede che nella home non c'entrava. Vai su Impostazioni > Post e commenti e aumenta il numero di post su Mostra più post possibile ma dipende anche dalla lunghezza del contenuto prima del continua a leggere
      @#

      Elimina
    4. Avevo provato e non cambiava nulla. Adesso ho creato un nuovo Post (intitolato "Prova") copiato un pezzo del 2° Post inserendo solo due immagini (sempre del 2° post), ho cliccato Pubblica ed è perfetto come gli altri due. Fai conto che,come negli altri, non ho inserito nessuna "stecca da biliardo/interruzione" e quindi penso tagli in automatico. Magari l'ultimo post creato è troppo lungo e non me lo taglia in automatico? Però nonostante provi ad inserire "interruzione" nel testo...non cambia nulla. Devo inserirlo in un punto particolare? Magari lo inserisco io male.
      Grazie mille comunque!!

      Elimina
    5. Se taglia il post automaticamente significa che hai un template scaricato da internet e allora devi rivolgerti a chi lo ha creato per vedere se il problema è comune anche ad altri utilizzatori
      @#

      Elimina
  50. Trovo che il READ MORE su blogger sia posizionato veramente male, quindi mi chiedevo se c'è un modo per inserirlo direttamente alla fine del testo che si vuole intervallare, esempio:

    Questa è la fine dell'articolo ...Read More >>

    invece di:

    Questa è la fine dell'articolo

    ...Read More >>

    RispondiElimina
    Risposte
    1. Prova a modificare il codice del Read More che è questo

      <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
      <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
      </div>
      </b:if >

      in questo modo

      <b:if cond='data:post.hasJumpLink'>
      <span class='jump-link'>
      <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
      </span>
      </b:if >

      dopo aver salvato il template per un eventuale ripristino.
      P.S. Non ho testato
      @#

      Elimina
    2. No, purtroppo non cambia niente. Se (ovviamente senza impegno) riesci quando vuoi a trovarmi una soluzione, mi faresti un favore enorme. Così proprio non mi piace.

      Grazie in anticipo :)

      Elimina
  51. Ciao, complimenti per il blog.
    Ho provato a modificare il Read More con un immagine personalizzata ma nulla, si vede solo il continua a leggere e l'immagine niente.
    Dove sbaglio? Grazie!

    RispondiElimina
    Risposte
    1. Questo post è del 2010 anche se poi è stato aggiornato. In quella data il Read More non era ancora stato introdotto e questo codice serviva appunto per aggiungerlo. Da allora il codice di Blogger è stato modificato più volte.

      Segui le istruzioni di questo post
      https://www.ideepercomputeredinternet.com/2014/05/read-more-blogger-immagine.html
      che è più recente. Le righe di codice devi cercarle nella sezione per il desktop
      https://www.ideepercomputeredinternet.com/2013/10/blogger-versione-mobile-desktop-personalizzare-editor-html.html
      @#

      Elimina
    2. Ho pubblicato un nuovo post su questo tema
      https://www.ideepercomputeredinternet.com/2019/08/read-more-blogger-customize.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