Post più vecchi e Post più recenti di Blogger


In tutti i modelli classici di Blogger ma anche quelli non molto personalizzati presenti su internet gratuitamente è possibile trovare sotto il modulo dei commenti oppure sotto l'elenco dei post di una determinata etichetta tre scritte, che sono:

Post più recente = riporta al post successivo o alla pagina dell'etichetta più nuova.
Home Page = riporta alla pagina iniziale del blog.
Post più vecchio = riporta al post precedente o alla pagina dell'etichetta più vecchia.

Prima di procedere salvate il modello.



E' possibile rinominare e quindi cambiare il testo di questi tre link a proprio piacimento andando su Modello > Modifica HTML, utilizzando la casella interna per trovare i codici premendo Ctrl + F cercate questo codice:
<div class='blog-pager' id='blog-pager'>

Subito sotto questo codice dovete sostituire:
<data:newerPageTitle/> che sarebbe Post più recente, sostituitelo con 'Avanti, Successivo o Nuovi Post'.
<data:olderPageTitle/> che sarebbe Post più vecchio, sostituitelo con 'Indietro, Precedente o Vecchi Post'.
 <data:homeMsg/> che sarebbe il link centrale Home page, sostituitelo se volete con 'Torna alla Home'.



Dopo aver applicato queste modifiche Salvate il modello.

Le scritte possono essere personalizzate a proprio piacimento, inserendo le parole precedenti all'interno di un codice HTML, ad esempio: 
<b>Post più recente</b> = per il grassetto.
<i>Post più recente</i> = per il corsivo.


Se volete ingrandire o rimpicciolire le dimensioni di Post più recente o Post più vecchio dovete introdurre il CSS sottostante prima della riga ]]></b:skin>  variando il numero che contraddistingue i pixel del testo:
#blog-pager-newer-link {font-size:14px;}
#blog-pager-older-link {font-size:14px; }

Secondo me è inutile tenere il link 'Home page' perché già c'è il logo per tornare nella pagina iniziale; se la pensate come me inserite anche questo css per nasconderlo:
.home-link {display:none;}

Di norma le cosa vecchie stanno sulla sinistra (Indietro) mentre le cose nuove sulla destra (Avanti), quelli di Blogger per quanto riguarda questi due link ragionano al contrario. Potete sistemare l'ordine di posizionamento introducendo nel codice precedente i termine float e align nel seguente modo:
#blog-pager-newer-link {font-size:14px;float: right; text-align: right;}
#blog-pager-older-link {font-size:14px; float: left; text-align: left;}

Se invece volete nascondere tutti Post più recente, Post più vecchio e Home page da tutte le pagine del blog il CSS da utilizzare è il seguente:
 #blog-pager { display:none; }



7 commenti :

  1. Ciao, ho usato le tua guida e funziano alla grande , grazie! Volevo chiederti se e' possibile inserire delle immagini al posto delle scritte (magari frecce). Grazie in anticipo!

    RispondiElimina
    Risposte
    1. Si, certo! Anziché inserire delle parole, dovrai inserire nelle stesse posizioni, il codice html per inserire immagini che è il seguente:
      <img src="LINK IMMAGINE"/>

      Devi solo inserire il link dell'immagine che vuoi che appaia.

      Elimina
  2. Ciao, il tuo post mi è stato molto utile! Volevo chiederti anche se è possibile togliere quei puntini grigi che stanno nel mezzo tra le scritte vecchi e nuovi post. Grazie! :)

    RispondiElimina
    Risposte
    1. si, se il tuo codice è simile al mio blog dovrai inserire nello stesso punto in cui hai messo gli altri css, quest'altro codice:
      .blog-pager {background:none;}

      Elimina
  3. HO PROBLEMI AD EFFETTUARE QUESTO PASSAGGIO, PUR SOSTITUENDO IL TESTO RIMANE SEMPRE TUTTO INVARIATO, PERCHè?

    &lsaquo; MI COMPARE QUESTO IN PIù NEL CODICE

    RispondiElimina
    Risposte
    1. Probabilmente si è venuto a creare un errore nel modello e non ti salva la modifica. Presta attenzione quando selezioni il codice. Oppure controlla che non ce ne siano due e che non stai invece "sballando" quello della versione mobile.

      Elimina

I commenti dovranno prima essere approvati da un amministratore. Verranno pubblicati solo quelli utili a tutti e attinenti al contenuto della pagina. Per commentare utilizzate un account Google/Gmail, altrimenti la modalità "anonimo".