Come mettere dei riassunti nella Home di Blogger invece degli articoli interi.

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.

Se ti è piaciuto l'articolo , iscriviti al feed cliccando sull'immagine sottostante per tenerti sempre aggiornato sui nuovi contenuti del blog:

Commenti

nome-foto