Ícones para facilitar a navegação no Blogger

É 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'>
.....
</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='http://URL_DA_IMAGEM_ESQUERDA/left.gif'/></a>
</b:if>

<b:if cond='data:olderPageUrl'>
<a expr:href='data:olderPageUrl' expr:title='data:olderPageTitle' id='blog-pager-older-link'>
<img src='http://URL_DA_IMAGEM_DIREITA/right.gif'/></a>
</b:if>
<a title='página inicial' class='home-link' expr:href='data:blog.homepageUrl'>
<img src='http://URL_DA_IMAGEM_HOME/home.gif'/></a>
</div>
<div class='clear'/>
</b:includable>

Está pronto e o resultado pode ser conferido aqui.

via: Blogger Templates