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

Nessun commento:

Posta un commento

Prima di essere pubblicato, il tuo commento sarà soggetto a moderazione.
Ti prego di evitare commenti inutili, offensivi, di spam, o comunque OT.
Grazie

Questo blog non costituisce una testata giornalistica, non ha carattere periodico e viene aggiornato dall'Autore in base alle disponibilita' di tempi e materiali. Non può pertanto considerarsi un prodotto editoriale ai sensi della legge n. 62 del 07.03.2001. L'Autore, inoltre, dichiara di non essere responsabile per i commenti inseriti nei post. Eventuali commenti dei lettori, lesivi dell'immagine o dell'onorabilità di persone terze non sono da attribuirsi all'Autore. Alcune delle foto presenti su questo blog sono state reperite in internet. Chi ritenesse danneggiati i suoi diritti d'autore può contattare l'Autore all'indirizzo marziano.mChiocciolAgmail.com per chiederne la rimozione.

Per pubblicare gli annunci sul blog utilizziamo aziende pubblicitarie indipendenti. Le aziende possono utilizzare questi dati (che non includono il tuo nome, indirizzo, indirizzo email o numero di telefono) sulle tue visite a questo e altri siti web per creare annunci pubblicitari su prodotti e servizi che potrebbero interessarti. Se desideri ulteriori informazioni a questo proposito e per conoscere le opzioni disponibili per impedire l'utilizzo di tali dati da parte di queste aziende, fai clic qui.