24 giugno 2014

35 commenti Condividi il post Facebook Twitter Google+

Come inserire e personalizzare il "Continua a leggere..." nei post del blog

continua a leggereLa scorsa settimana Pandoraa in un commento mi ha scritto:

Ciao Iole
come fai a mettere soltanto l'anteprima del post mentre io il post devo per forza mettere tutto nella pagina iniziale? Non so se hai capito ma mi sarebbe molto utile =)

Ovviamente Pandoraa si riferiva al "Continua a leggere..." che oggi insieme vediamo come inserirlo nei post del blog e soprattutto come personalizzarlo nel testo e nell'aspetto.

Come inserire il "Continua a leggere..."

Inserire il "Continua a leggere..." nei post del vostro blog è semplicissimo... basta posizionarsi nel punto in cui volete interrompere il post e cliccare l'icona "Inserisci intervallo".


Se nel vostro blog ad esempio ogni post è una ricetta di cucina e volete che in homepage sia visibile per ogni ricetta solo una breve descrizione e al massimo la lista degli ingredienti allora non dovete fare altro che aggiungere l'interruzione subito dopo gli ingredienti, il procedimento della ricetta invece sarà visibile solo dopo aver cliccato su "Continua a leggere...".

Cliccando l'icona "Inserisci intervallo" nell'editor dei post sarà visibile una linea tratteggiata ad indicare le due diverse parti del post: quella che sta sopra la linea sarà visibile in home mentre quella sotto sarà visibile solo cliccando sul "Continua a leggere...".



Come personalizzare il testo del "Continua a leggere..."

Se al posto di "Continua a leggere..." preferite "Leggi tutto..." o "Read more..." o "Leggi il resto del post..." o qualsiasi altro vostro messaggio allora andate nella bacheca del vostro blog e cliccate su Layout e poi sul link Modifica della sezione "Post sul blog".

Infine scrivete il vostro messaggio nel campo "Testo del link della Pagina di post"



Come personalizzare l'aspetto del "Continua a leggere..."

Di default il "Continua a leggere..." è un semplice link posizionato sulla sinistra subito sotto il testo del post.

Se volete personalizzarlo nell'aspetto dandogli ad esempio la forma di un pulsante allora seguite le semplici istruzioni riportate di seguito. Infine copiate il codice che compare nel box di testo ed incollatelo in un gadget html/javascript della sidebar.

Se desiderate un "Continua a leggere..." con uno sfondo personalizzato o con un'icona, lasciatemi un commento con la vostra richiesta e il vostro indirizzo email. Lo realizzerò per voi e vi invierò il codice da inserire nel blog all'indirizzo che mi avrete lasciato.
Copyright © Iole - Non è consentito ripubblicare, anche solo in parte, i post di questo blog senza l'esplicito consenso dell'autrice.

35 commenti

  1. Pandoraa❤️24 giugno 2014 13:07

    Ciao grazie 1000! Sono veramente felice e appena possibile lo faró perchè è molto semplice
    Un bacio ps:come sta la tua piccola cucciola?salutamela di cuoree

    RispondiElimina
  2. Grazie Iole , sempre molto preziosi i tuoi post. Un abbraccio, buon pomeriggio Daniela.

    RispondiElimina
  3. Quasi dimenticavo ho usato i tuoi stessi colori da super fan del rosa e ti menzionerò presto in un post=)

    RispondiElimina
  4. Sempre tutto interessante cara Iole.
    Ciao e buona giornata un bacione alla tua cara principessa!!!
    Tomaso

    RispondiElimina
  5. Non ci credo!!! te lo stavo per chiedere!!! ti adoro, mi è utilissimo!!!!! grazie sei grande

    RispondiElimina
  6. È carinissimo :-)
    Possbile averlo verde..? :-) :-)
    Ivana

    RispondiElimina
  7. @Pandoraa: hai visto? E' semplicissimo! Se hai altre domande... sono qui a disposizione.
    La mia cucciola sta bene, grazie!!!
    @daniela64: grazie cara! Buona giornata!
    @Tomaso: nel tuo blog soprattutto nei post con molte foto dovresti inserire il "Continua a leggere..." per non appesantire troppo l'homepage.
    @Pamela Una mela verde lime: ed io stavo per suggerirtelo ^_^
    Ora i tuoi post in home sono perfetti!
    @Ivana - Green Lady: ti invio il codice via email con i colori più adatti per il tuo blog.

    RispondiElimina
  8. Ti adorooooooo!!!!! grazie, ma farlo personalizzato dici di no? magari col cuoricino verde? te lòa butto lì....

    RispondiElimina
  9. @Pamela Una mela verde lime: ma certo che ne realizzo uno personalizzato per te!!!

    RispondiElimina
  10. geniale!!!! effettivamente cosi si nota meglio!!! brava Iole!

    RispondiElimina
  11. Ciao Iole tutto già messo.Avrei un'altra richiesta(lo so che già l'ho fatta una ma volevo dirtela ugualmente anche se so che non hai molto tempo)siccome mi sono iscritta a net parade vorrei un banner personalizzato magari con qualche cupcake oppure tortine insomma in stile culinario è possibile?ps:la stessa forma di quello che ho attualmente se è possibile

    RispondiElimina
  12. @Fioredicollina: eh sì, il semplice link si nota poco.
    @Pandoraa: realizzerò presto dei widget per Net-Parade!
    @Gio C.: sono contenta che ti piaccia!

    RispondiElimina
  13. Bellissima idea come al solito :3
    L'ho aggiunto immediatamente al mio blog! :D

    RispondiElimina
  14. Grazie di cuore Iole,
    con i tuoi consigli tutto diventa più facile.
    Un abbraccio Maria

    RispondiElimina
  15. carissima Jole mi fa piacere che hai il tempo di scorrere quello che faccio è veramente per me un tirami su sei sempre inserita come amministratore perciò quando vuoi e puoi mi farebbe piacere ricevere consigli o sorprese devo dirti che questo periodo tanto per cambiare mi è deprimente perciò sono poco efficente sulle mie visite nel (pc)mi incoraggia trovare qualche visita e in particolare ti sono veramente grata un salutone grande e un augurio che la tua piccolina ti assomigli a presto (gil)

    RispondiElimina
  16. grazie mille per questa dritta, non lo sapevo =)
    ti seguo sempre =)

    sweetyreviews.blogspot.it

    RispondiElimina
  17. @Miki, Maria Brentegani Portugalli e Valentina Bollino: sono felice che questo post vi sia stato utile ^_^
    @gil: in questo periodo sto pochissimo al pc; se hai bisogno di modificare qualcosa nel tuo blog basta che mi scrivi e ti aiuto volentieri.

    RispondiElimina
  18. Chiedo scusa per la domanda che risulterà idiota, lo so! L'intervallo va inserito in ogni singolo post? Il mio blog è on line da un anno e di articoli ne ho già scritti tanti quindi prenderli in mano uno ad uno sarebbe un lavoro infinito e, dall'altro lato, iniziare ora a presentare solo un'anteprima ed inserire il "Continua a leggere" creerebbe una disarmonia rispetto al passato

    RispondiElimina
  19. @Mariapiera B.: sì, purtroppo l'intervallo va inserito manualmente in ogni singolo post.

    RispondiElimina
  20. Ciao Iole, sono passato a salutarti e, siccome il tuo blog è come una "scatola dei bottoni" nel senso che hai sempre voglia di curiosarci dentro per cercare il più bello e/o il più colorato (così facevo da bambino) ho dato un po un'occhiata ...e sapevo di non rimanere deluso ...ho trovato carinissimo il "bottone" (...appunto) del continua a leggere e l'ho inserito da me.

    Grazie.
    ...e ora il saluto...
    CIAO

    RispondiElimina
  21. @Pino: grazie mille! Come sempre sei molto gentile con me, grazie sia per il saluto che per i complimenti.
    Passerò presto a trovarti, chissà quanti post mi sono persa.

    RispondiElimina
  22. Eccomi di nuovo qui, ho inserito anche questo gadget nel mio blog e il risultato mi piace moltissimo!! GRAZIE MILLE DAVVERO! SEI BRAVISSIMA!

    RispondiElimina
  23. @Elisa Kiki: grazie cara per i complimenti!

    RispondiElimina
  24. Ciao Iole! Dopo averci pensato su ho deciso di approfittare del "Continua a leggere" e ho deciso di inserirlo innanzitutto negli articoli più vecchi.
    Ho preso, quindi, uno dei primi post scritti per il mio blog, ho inserito l'intervallo (seguendo le tue istruzioni), ho effettuato l'aggiornamento ma non è successo niente: non riesco a capire dove stia sbagliando

    RispondiElimina
  25. @Mariapiera B.: sono appena stata nel tuo blog e ho dato un'occhiata ai tuoi primissimi post. Il "Continua a leggere..." è visibile. Prova a cliccare qui!
    Visitando invece ogni singolo post ovviamente non è visibile in quanto viene mostrato tutto il contenuto del post. Il "Continua a leggere..." è presente solo quando si è in home o in una pagina contenente più post (tipo l'archivio di un mese o la ricerca per etichetta).
    Spero di essere stata chiara.
    Per dubbi o chiarimenti sono qui a disposizione!
    P.S. Ora non ti resta che personalizzarlo con i colori del tuo blog :)

    RispondiElimina
  26. Ciao, sto facendo il restyling del mio mio blog e mi ostino a creare tutto da sola seppure non sono per nulla brava col pc, ti ringrazio un sacco, mi stai davvero aiutando. Posso chiederti un'altra indicazione?

    RispondiElimina
  27. @Il tè tostato: sono felice di esserti stata utile.
    Per altri dubbi o chiarimenti sono qui a disposizione.

    RispondiElimina
  28. Ciao Iole! Siccome avevo già notato che pur mettendo l'intervallo non appariva sotto ai post (ed è impostato nel layout), ho provato ad usare il tuo widget ma non esce lo stesso... sarà una impostazione del template all'interno del html?

    RispondiElimina
  29. @Tra Cucina & Realtà: nel tuo template è presente uno script che trasforma i post in home dando a tutti lo stesso aspetto: visualizza la prima immagine, il titolo e poche parole del contenuto del post indipendentemente se è presente o meno il "Continua a leggere".

    RispondiElimina
  30. Grazie mille , mi sei stata molto d'aiuto . :)

    RispondiElimina
  31. Ciao Iole:) Seguo il tuo blog da un po' ormai!
    L'altro giorno ho provato a mettere una slideshow nella mia sidebar (e ci sono riuscita!) e oggi ho provato a cambiare il Continua a leggere... Però ho un problema. Quando copio e incollo i tuoi codici (senza modificare nulla, ovviamente) non vanno più! Cioè, non compare più la slideshow, e il continua a leggere non cambia:(
    Come mai secondo te?

    RispondiElimina
  32. Ciao Iole!:) Seguo il tuo blog ormai da un po'!
    Ho provato ad inserire nel mio blog una slideshow nella sidebar (e ci ero riuscita) e ora ho provato a cambiare il Continua a leggere. Ma adesso quando vado ad incollare i tuoi codici, non mi funzionano più e non capisco perché.. La slideshow non si vede più e il continua a leggere non cambia.. Eppure la slideshow ero riuscita a farla. Come mai secondo te?

    RispondiElimina
  33. @Steve Lavacchi: sono contenta di esserti stata utile!
    @Chiara: scusami per il ritardo della risposta ma solo da ieri ho ripreso l'attività sul blog.
    Se hai ancora problemi con i widget contattami pure, ti aiuterò più che volentieri.

    RispondiElimina
  34. Tranquilla per il ritardo, non fa nulla:*
    Alla fine, purtroppo, nessuno dei codici creati da te funziona nel mio blog, ma per fortuna sono riuscita a ricreare le tue idee usando codici miei, anche se mi sarebbe piaciuto poter modificare il Continua a leggere come il tuo esempio che è davvero bello!
    Grazie comunque, sei un tesoro ❤

    RispondiElimina

Licenza Creative Commons This blog by Iole is licensed under a Attribution-NonCommercial-NoDerivs 3.0 Unported License.
Copyright © 2008- iolecal.blogspot.it|Design by Iole|Privacy Policy