NOVO: Links "Postagens mais antigas/recentes" e "Home"

A pedido da Alyne do blog: "Buteco para garotas", hoje trago mais um tutorial, dessa vez falando sobre aqueles lnks que ficam abaixo das postagens, o link "Postagens Antigas", "Postagens Recentes" e o link "Home", que servem para navegar pelas postagens (em destaque na imagem).
O que acontece é que muitos blogueiros (assim como eu) não gostam muito desses três links. Sem falar de que uma boa personalizada sempre ajuda para deixar nosso bloguito mais bonito.
Só que vocês vão ter que prestar muita atenção no passo a passo a seguir, pois só tem uma forma de mudar esses links que é pelo HTML. Eu recomendo até que você faça isso primeiro num blog de testes, faça uma cópia ou faça backup do seu template, pois se algo der errado, vai ser mais fácil recuperá-lo.

1. Vá na aba Modelo > HTML (caixinha branca abaixo da miniatura do seu template);

2. Copie o seguinte código:  <data:newerPageTitle/>
3. Clique em qualquer lugar do código e aperte Ctrl+F no seu teclado;
4. Na caixinha que abriu (Search), cole o código que você acabou de copiar e aperte "Enter" no teclado;
5. O trecho que ficou em destaque é o que vamos modificar. Substitua ele por: <img src='URL_DA_SETA_ESQUERDA'/>
7. No lugar de URL_DA_SETA_ESQUERDA você coloca o endereço da seta para a esquerda (lá no final do post tem uma seta já pronta);
8. Agora cole na caixa "Search" o seguinte código: <data:olderPageTitle/> e aperte "Enter";

9. O trecho que ficou em destaque é o que configura o link das postagens antigas. Substitua ele por: <img src='URL_DA_SETA_DIREITA'/>
10. No lugar de URL_DA_SETA_DIREITA você coloca o endereço da seta para a direita;
11. Por último, procure por: <data:homeMsg/> e substitua por: <img src='URL_HOME'/>
12. No lugar de URL_HOME coloque o endereço da imagem de home (a casinha);
13. Visualize o template. Se tudo deu certo, você vai ver a imagem de home e a seta para a direita abaixo das postagens. Se tudo estiver OK, clique em " Salvar modelo ".

Existem alguns modelos que possuem uma linha de bolinhas brancas no fundo dessa região (nem todos tem). Se você não quiser que  elas continuem lá, procure com o Ctrl+F o seguinte trecho: http://www.blogblog.com/1kt/simple/paging_dot.png e o apague.

Agora vamos a alguns exemplos de imagens que você pode usar. Lembrando: clique com o botão direiro na imagem e copie o endereço dela para colocar no código. Você também pode salvar a imagem e hospedá-la em algum site. Fiz apenas uma bem básica, que pode ser usada em qualquer template. Mas em breve farei uma postagem com mais.

Qualquer dúvida, deixe um comentário, ou vá na minha página do Facebook.

Mil Sweetkisses,