Come sostituire in Blogger "Post più recente", "Home" e "Post più vecchio" con tre icone

Chi gestisce un blog sa che anche i dettagli più piccoli sono importanti. Abbiamo già visto come eliminare la fastidiosa Navbar, adesso andiamo a vedere come sostituire "Post più recenti", "Home" e "Post più vecchio" con delle icone a tua scelta.



Visto che devi modificare il codice HTML, prima di iniziare salva il modello completo, in modo che se si dovesse verificare qualche errore potrai ripristinare facilmente il tuo normale template.

Allora vai su Design > Modifica HTML ed Espandi i modelli widget.

Adesso cerca questa riga di codice:

<b:includable id='nextprev'>

Cancella tutto il blocco fino a:

</b:includable>

Perfetto, adesso sostituisci il codice appena cancellato con questo:

<b:includable id='nextprev'>
<div id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a expr:href='data:newerPageUrl' expr:title='data:newerPageTitle' id='blog-pager-newer-link'>
<img src='URL FRECCIA SINISTRA'/></a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='URL FRECCIA DESTRA'/></a>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'>
<img src='URL HOME PAGE'/></a>
</div>
<div class='clear'/>
</b:includable> 

Le scritte in rosso vanno sostituite con l'URL delle tue immagini. Adesso cerca la riga:

]]></b:skin> 

Subito sopra incolla questo codice:

#blog-pager-older-link {
float: right;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager {
text-align: center;
}

Una volta finito, se hai fatto tutto bene, le modifiche saranno complete.