Ícones de navegação no Blogger

Eu já havia procurado, inclusive no google, pela expressão "mudar a postagens mais antigas para próxima página" ou outras coisas parecidas mas nunca havia encontrado, mas agora consegui!
É muito fácil substituir os links texto de navegação, que localizam-se normalmente no rodapé das páginas de postagem do Blogger, por ícones, muito mais intuitivos.

O primeiro passo é fazer o backup completo do seu template atual, para o caso de algo não dar certo. Na tela de edição HTML do seu template clique em Baixar modelo completo e salve o arquivo XML no seu computador.

Depois marque Expandir modelos de widgets, procure pelo trecho de código abaixo:

<b:includable id='nextprev'>
..... (substitua todo código do início até o fim, conforme aqui apontado)
</b:includable>

E substitua pelo seguinte código, adaptando os endereços das imagens:

<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='Imagem para esquerda '/></a>

</b:if>

<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>

<img src='Imagem para Direita '/></a>

</b:if>
<a title='página inicial' class='home-link' expr:href='data:blog.homepageUrl'>

<img src='Imagem para inicio '/></a>

</div>
<div class='clear'/>
</b:includable>


Está pronto e o resultado pode ser conferido aqui no rodapé deste Blog (setas para direita, para a esqueda e casinha inicial.