Colocar imagem no Postagens Mais recentes e Antigas

Por:

| 1 de jun de 2011


Quer personalizar os links de navegação das postagens colocando uma  "Imagem" ou ainda uma palavra diferente como por exemplo "Avançar e Voltar" no lugar das mensagens padrão "Postagens mais antigas" e "Postagens mais recentes"?
Confira como fazer isso de maneira simples, rápida e eficaz:

Vamos ao tutorial:
Atenção! Antes de fazer qualquer alteração, faça um Backup do seu template.

Entre no Painel do Blogger e vá em: Design / Editar HTML.
Marque a opção 'Expandir modelos de widgets'.

Utilizando as teclas Ctrl + F, procure pelo seguinte trecho que é referente ao link 'Postagens mais recentes':

<data:newerPageTitle/>

Substitua por:

<img src='url da imagem' title='postagens mais recentes'/>

Em url da imagem, coloque o endereço de uma imagem de sua escolha. Eu aconselho usar uma imagem de uma seta voltando para trás. Ex:


Agora procure pelo trecho referente ao link 'Postagens mais antigas':

<data:olderPageTitle/>

Substitua pelo trecho:

<img src='url da imagem' title='postagens mais antigas'/>

Repita o mesmo precesso  anterior alterando url da imagem por uma de sua escolha. Ex:



Por fim, procure o trecho referente ao link da 'Pagina Inicial' (Inicio) :

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


Troque o trecho em vermelho por este trecho:

<img src='url da imagem' title='pagina inicial'/>


Altere a url da imagem por uma imagem de sua escolha. Ex:


Visualize e se nada der errado, Salve o modelo!
Caso queira colocar um texto diferente dos links padrão ao invés de colocar uma imagem, substitua os seguintes trechos respectivamente:

Substitua este:

<data:newerPageTitle/>

Por:

&lt;&lt; Voltar


Substitua este:

<data:olderPageTitle/>

Por:

Avançar &gt;&gt;

Salve o modelo e pronto!
Gerador de Senha - Crie senhas mais seguras
- Topo