Read More (Continua a Leggere...) di Blogger


Il lettore che capita su un articolo del blog lo legge per intero e poi va via, ma se questi diventa un lettore fisso la prossima volta che andrà a cercare il vostro blog lo farà accendendo dalla pagina iniziale. E' buona norma curare non solo gli articoli scritti ma anche la home page rendendola leggera ma allo stesso tempo ricca di contenuti e per ottenere questo risultato si può iniziare mettendo i riassunti degli ultimi post pubblicati in modo da non mostrare l'articolo per intero ma solo la parte iniziale (titolo, primi due righi e immagine di anteprima).

Per ottenere questo risultato su Blogger si deve eseguire una operazione standard per ogni nuovo post che è quella di inserire la stecca da biliardo, che non è quella per giocare ma una funzione che che accorcia la lunghezza del post quando questi appare nella home page, nelle etichette o dopo aver eseguito una ricerca.

Il simbolo è quello di un foglio strappato (quello cerchiato in figura).

Solitamente va messo a proprio piacimento oppure subito dopo un'immagine, un paragrafo o un elenco. Quando utilizzate la stecca da biliardo nella modalità HTML il codice che appare è il seguente:
<!--more-->
Nei modelli classici di Blogger o anche in quelli presi dal web se utilizzato l'intervallo appare sotto il post accorciato la scritta ulteriori informazioni... . In quelli inglesi appare Read More..., ma il termine più utilizzato e che consiglio di inserire è Continua a Leggere... . Se avete la versione inglese e volete inserire quella italiana o viceversa dovete andare su Layout > Post sul blog > Modifica > Testo del link della pagina di post ed andare ad inserire il termine voluto in questo spazio bianco, infine cliccare su Salva.



Se volete personalizzare il link Continua e leggere... potete farlo aggiungendo uno di questi codici CSS prima della riga ]]></b:skin> :

Questo css serve per distanziare il Continua a leggere... dal testo del post. Inserendo il codice così com'è adesso lo spazio incrementerà di 15 px.
.jump-link {margin-top: 15px }

 Se volete centrare il Continua a leggere... il codice css da utilizzare è quello sottostante, mentre se volete l'allineamento tutto a destra dovete sostituire center con right.
.jump-link {text-align: center;}

Per variare le dimensioni del Continua a leggere... dovete diminuire o aumentare il valore percentuale:
.jump-link { font-size:200%;} 

E' possibile anche sostituire il Continua a leggere... con una immagine, magari che presenta la scritta Leggi tutto, per fare questo dovete cercare nel modello questa riga:
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> 

E sostituirla con quest'altra:
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src="URL_Immagine" border="0" alt="Leggi tutto" /></a> 
Inserite l'indirizzo link dell'immagine al posto di URL_Immagine e poi salvate il modello.


Ricordo anche che si può mettere il riassunto dei post in automatico.



6 commenti :

  1. Mi sembra molto utile, proverò!

    RispondiElimina
  2. una volta messo come si fa a toglierlo? grazie

    RispondiElimina
    Risposte
    1. Se usi la modalità "Scrivi" ti appare una linea tratteggiata che puoi eliminare usando il tasto della tastiera che usi per cancellare. Se usi la modalità "HTML" devi cercare il codice e poi rimuoverlo.

      Elimina
    2. fatto.. grazie mille.. non me lo eliminava perchè lo avevo messo in fondo. grazie ancora

      Elimina
  3. perchè quando metto il "continua a leggere" non viene salvato?

    RispondiElimina
    Risposte
    1. Forse perché man mano che scrivi l'articolo lo vai cancellando senza farci caso. Ti conviene aggiungerlo solo alla fine, appena prima di pubblicare il post.

      Elimina

I commenti dovranno prima essere approvati da un amministratore. Verranno pubblicati solo quelli utili a tutti e attinenti al contenuto della pagina. Per commentare utilizzate un account Google/Gmail, altrimenti la modalità "anonimo".