Caso alguma imagem do blog não esteja aparecendo, por favor, avise nos comentários da postagem em questão!

10/11/2011

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,
12 Comentários
Comentários

12 comentários:

  1. Essa aba é linda, eu coloquei no meu com numeros, pois essa eu não consegui nem a pau Juvenal, o site de onde vi o post, não explicava direitinhooooo... mais gostei, essa é bem mais bonita!!! Kissu!!

    ResponderExcluir
  2. Hey xD
    Tem novo theme e novo post no Happuny, esperamos sua visita! ;D
    Ah, achei muito interessante o tutorial :D
    Bjbj ;*

    ResponderExcluir
  3. Muito bem explicado sheila!Um dia crio coragem e aprendo a mexer nessas coisas!bjns
    cadernocolorido.blogspot.com

    ResponderExcluir
  4. Supeeeer! :) Esse eu vou usar :P

    Beeeijos

    ResponderExcluir
  5. Hum adorei hein

    Tem um selinho pra vc no meu blog.
    http://marifriend.blogspot.com/2011/11/selinhos.html
    Beijo

    ResponderExcluir
  6. Ai muito legal querida, isso vai ajudar muito nós blogueiros iniciantes, sabe como meu blog é simplesinho né, justamente porque a internet está cheia de coisas complicadas, e aqui tá tudo muito claro!

    ResponderExcluir
  7. Olá Sheila! Obrigada pela resposta do post!! adorei. a única coisa que não gostei foi desse exemplo que vcê postou de setinhas e home! Eu sei que você n tem obrigação nenhuma de fazer kkk mas é que meu blog é bastante feminino entao vou criar um. Você poderia me fornecer em que tamanho (pixel.pixel) eu faço cada um deles? as setas e o hoome? Obrigada! Se puder responde no facebook que fica mais fácil para eu ver. beeeeijos e obrigada mesmo pela postagem.

    ResponderExcluir
  8. Eu aprendi a fazer isso quando tinha blogspot ainda, e olha, apanhei, viu. Porque estava sem tutorial :(
    Mas agora com o wordpress já vem em themes prontos, então tá tranquilo :x
    Beeijos!

    ResponderExcluir
  9. Sheila, que demais! Adorei o post, já coloquei em meu blog, ficou lindo *-*

    Funcionou certinho *-*

    Bjs

    ResponderExcluir
  10. Mas onde tem setas prontas?
    (to enchendo seu saco né?)

    ResponderExcluir
  11. E como faz para tirar se não quiser mais Sheila ?

    ResponderExcluir

Related Posts Plugin for WordPress, Blogger...
Posts relacionados