Come aggiungere un link "Continua..." ad un articolo

Vi sara' sicuramente capitato di vedere su vari siti o blog che nella pagina iniziale gli articoli sono visualizzati solo parzialmente e per accedere all'articolo completo dovete cliccare un link del tipo "Read more ...", "Full text ...", "Continua ...", "Leggi l'articolo completo ...", o simili.

Implementare una simile caratteristica per blogspot e' molto piu' semplice di quel che sembra.

Seguite i seguenti passi

  1. Entrate nella bacheca di blogger
  2. Cliccate su "Layout"
  3. Cliccate su "Modifica HTML"
  4. Cliccate su "Scarica modello completo"
  5. Il browser vi chiedera' di salvare un file XML da qualche parte sul vostro pc
  6. Prendete quel file e fatene una copia (utile in caso qualcosa dovesse andare storto)
  7. Aprite la copia del file con un editor di testo (blocco note, note pad o quello che vi pare. Io uso kate)
  8. Cercate il seguente testo: <p><data:post.body/></p>
  9. Sostituitelo con il seguente blocco di codice:
    <b:if cond='data:blog.pageType == "item"'>
    <style>.fullpost{display:inline;}</style>
    <p><data:post.body/></p>
    <b:else/>
    <style>.fullpost{display:none;}</style>
    <p><data:post.body/></p>
    <b:if cond='data:blog.pageType != "item"'>
    <br />
    <b><a expr:href='data:post.url'>Leggi l'articolo completo</a></b>
    </b:if>
    </b:if>
  10. Salvate il file e caricatelo sul sito (dove precedentemente lo avevate scaricato)
  11. Nella pagina web di gestione cliccate "Impostazioni"
  12. Cliccate formattazione
  13. Scrivete nel campo "Modello post" il seguente testo:
    Introduzione

    <span class="fulltext">
    Resto dell'articolo
    </span>
  14. Cliccate su "Salva impostazioni"
Fatto questo dovreste essere a posto

Il prossimo post che creerete vi presentera' il testo di esempio appena inserito.
Al posto di "Introduzione" scrivete il testo che vorrete si veda nella pagina introduttiva, al posto di "Resto dell'articolo" la parte rimanente.

Se qualcosa dovesse andar male ricaricate il file originale, di cui avete fatto una copia al punto 6)

Nessun commento: