mercoledì 21 gennaio 2009

Riassunti di post (abstract) ovvero il tag "continua..." in blogger

Quando un post è molto lungo, è meglio e più comodo tagliarlo creando un riassunto (abstract) di poche righe ed evitare di avere una home page allungata oltre misura. Di seguito riporto gli ottimi suggerimenti tratti dalla guida di Blogger...
Per prima cosa vanno attivate le pagine di post, se non sono già attivate (->impostazioni->archiviazione).
Sono necessari tre elementi:
1. CSS condizionale
2. un link "Continua" per ciascun post
3. una modifica per i post che utilizzano la funzione.

1-Crea un CSS condizionale:
Vai alla scheda ->Layout->modifica html e aggiungi il codice seguente al foglio di stile -in base al tipo di modello in uso per il tuo blog-:
(per i modelli classici)
<MainOrArchivePage>
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>


(per i layout)
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}

<b:else/>
span.fullpost {display:none;}
</b:if>


Il foglio di stile si trova di solito nella parte superiore del modello, tra i tag <style> e </style>.
Se il tuo foglio di stile si trova in un altro file, perché i tag condizionali funzionino sarà necessario aggiungere queste righe al modello. Assicurati di aver aggiunto i tag <style> e </style>.

2-Ora il link continua:
Aggiungi il codice seguente al tuo modello, dopo il tag <$BlogItemBody$> o <data:post.body/>:

(per i modelli classici)
<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Continua...</a>

</MainOrArchivePage>


(per i layout)
<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Continua...</a>
</b:if>

Al posto di "Continua..." puoi ovviamente inserire il testo che ti piace di più.

3-modifica dei post:
L'ultimo elemento da aggiungere è una riga di codice da inserire nel post vero e proprio. Il codice dovrà essere presente in ciascun post per il quale desideri utilizzare questa funzione:
<span class="fullpost"></span>
Se non vuoi digitare il codice in ogni post, puoi aggiungerlo al modello del post. Devi digitare il testo del riepilogo fuori dai tag span e il resto all'interno, nel seguente modo:
Questo è l'inizio del post. <span class="fullpost">
E questo è il resto.</span>


Quando un lettore visita il blog, il post sarà visualizzato così:
Questo è l'inizio del post.
Continua...
Buon blog

Google+ Followers

IL REGALO di OGGI: