Scuolissima.com - Logo

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 il pulsante per gli articoli più vecchi sta sulla sinistra (Indietro) mentre quello per gli articoli più recenti 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; }



🧞 Continua a leggere su Scuolissima.com
Cerca appunti o informazioni su uno specifico argomento. Il nostro genio li troverà per te.




© Scuolissima.com - appunti di scuola online! © 2012 - 2024, diritti riservati di Andrea Sapuppo
P. IVA 05219230876

Policy Privacy - Cambia Impostazioni Cookies