Qui potete trovare un nuovo e semplicissimo metodo per creare agli articoli espandibili
--18/10/08---
Expandable post (o Articoli espandibili, o in modalità sommario) è un termine usato agli articoli dove si visualizza solo la loro parte itroduttiva con un link, spesso, "contina..." che consente a leggere il resto dell'articolo.I post espandibili sono usatissimi, spesso dai blogger che scrivono articoli dove bisogna scorrere un bel po' per arrivare alla conclusione (immaginate un articolo del genere nella home-page! sapete che 2 OO!!).
L'implementazione del codice sul tempalte:
Per prima cosa vi invito a fare un bel buckup per il vostro template.
Dopo di che, cliccate su Modifica HTML, selzionate la voce Espandi i modelli widgets.
A questo punto cercate la seguente riga:
<div class="'post-body'">
e subito sotto copiate questo pezzo di codice:
<!-- post summary inizio hack -->
<b:if cond="'data:blog.pageType">
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary fine hack -->
Nota:
notate che
<!-- post summary inizio hack --> e
<!-- post summary fine hack -->
sono dei semplici commenti per strutturare il codice ma potete tranzuillamente rimuoverli.
Adesso cercate questa riga di codice che si dovrebbe trovare immediatamente sotto
<!-- post summary fine hack -->
<p><data:post.body/></p>
e subito sotto copiate questo pezzo di codice:
<!-- post summary inizio hack -->
<a href="'data:post.url'">continua a leggere..</a>
</b:if>
<!-- post summary fine hack-->
Faccendo tutto bene vi dovrebbe risultare il seguente blocco di codice:
<div class="'post-body'">
<!-- post summary hack begin -->
<b:if cond="'data:blog.pageType">
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary hack end -->
<p><data:post.body/></p>
<!-- post summary hack begin -->
<a href="'data:post.url'">Continua a leggere..</a>
</b:if>
<!-- post summary hack end -->
<div style="'clear:"> <!-- clear for photos floats -->
</div>
dove i codici in verde sono quelli aggiunti.
salvate il vostro tempalte.
Cosa fare quando preparate un articolo:
Scrivendo il vostro articolo, il "punto espandibile" lo scegliete incollando la seguenta stringa di codice:
<span class="fullpost">
Scrivete il resto del vostro articolo dopo questo codice, ed alla fine aggiungete questo tag:
</span>
Se volete rendere questo meccanismo più facile, potete andare su IMPOSTAZIONI-> FORMATTAZIONE, scorrete giu fino ad arrivare al "Modello post", copiate ed incollate il seguente codice
inserisci la prima parte dell'articolo qui
<span class="fullpost">
inserisci il resti qui
</span>
cosi avete un'impostazione predefinita.
Notate che questo metodo (usato da me tra l'altro) non usa i javascript per i vostri post espandibili il che lo rende molto più semplice da implementare soprattuto per i novisti, ma se volete provare l'altro metodo vi consiglio questo articolo
Post
non lo trovo mai con nessuno metodo. e i widget non riesco a espanderli, solo a mano espandendo le freccette nere. ma non trovo quel codice. nemmeno con ctrl +f