Trocar "Postragens mais antigas" por imagens no novo Blogger

Você pode mudar o menu de navegação do Blogger, que é bem sem-gracinha. Ao invés da inscrição "postagens mais antigas", coloque setas e deixe seu blog mais profissional.

Vá até o Modelo de seu blog, clique em Editar modelo

  Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011

Clique em "Expandir modelos de widget

Procure por:

<div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>


E substitua por:

<div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguU41b7oE2doFUvQZyTARUwQZDrPYBuFQQye30yPhQGG5yly51Ohtv_EW1Z1whwQtXyvAkAyjBO7rk8KxBpYbPZisDVXviG6320x4CmhfV91vHjyEymBW6Ok87OnoorRfAfPEk-aL7Y54/s1600/back.png"/></a>
      </span>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-4bzlFBLfbmI5sFe7nV3F3CzNuEpNwjEngU4XDC9UYytN6mbIWaW2X-SkFp1vn_jyyhbwNB-p_HnX_lDM7wmLbYxXthywBs1y1Y8BxPiR4XlEez29GzC1wcP5tH7o3ydmxXVXqSCUz8c/s1600/next.png"/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA-TIjG8i5AR4JYdKVspApeZ0JgJbT5eMR0s7_eHVwKEfJtMKQBuuupURhAYDKAc7IKav8pdExy-0k0YUM_Fi-SS3NsXTLW3HbieO5WSFmaPjx0gOkQ4TLIZRmsdTapXZlsRSyz7-DJqY/s1600/home.png"/></a>

Acima, dentro do código, há trechos destacados com cores. São os códigos das imagens. Sequiser substituir, troque como mostra o índice:


Vermelho------------------Seta a esquerda
Amarelo-------------------Seta a direita
Azul------------------------Home