Follow Us @soratemplates

terça-feira, 3 de junho de 2014

Personalizar Links de Navegação do Blogger

Imagem: Weheartit
Olá! Hoje trouxe um tutorial super fácil, porém, bem útil. Trata-se de como personalizar os links de navegação padrão do Blogger, onde aparecem Início, Postagens Recentes, Postagens Antigas. O que faremos é colocar no lugar dessas palavras imagens personalizadas por nós. Esse tutorial foi um pedido da Samara. Vale lembrar que os códigos estão presentes em modelos padrões, como Simple e Travel, por exemplo; talvez em layouts personalizados por terceiros sejam diferentes.
1. Acesse Modelo - Editar HTML e procure (Ctrl+F) por:
Postagens Antigas
<data:olderPageTitle/>

Postagens Recentes
<data:newerPageTitle/>

Página Inicial
<data:homeMsg/>

2. Troque cada um por:
<img src="URL-DA-IMAGEM"/>

Claro, as imagens serão diferentes: uma para as postagens antigas, outra para as recentes e outra para a Home page, mas o código não muda. Se seu blog tiver uma linha pontilhada como essa:

Procure por .blog-pager { e apague-a deixando o background transparente:
.blog-pager {
background: #transparent;
}
3. O resultado será parecido com esse:

E pronto! Espero que lhes seja útil ;3 Beijinhus...

7 comentários:

  1. Oii sumida!HAHA adorei o tutorial,voce podia postar uns backgraunds ?hehe
    Kissos no core >u< | ~Aiza | teenagedreamfc.blogspot.com.br

    ResponderExcluir
    Respostas
    1. Oii...postarei mais depois então, mas se preferir, dê uma pesquisada aqui no blog para encontrar alguns que já postei :3
      Bjus e obrigada...

      Excluir
  2. É... no meu não deu certo não =/

    ResponderExcluir
    Respostas
    1. Não? Tente de novo...aqui continua dando certo...

      Excluir
  3. Roberta, pode me explicar uma coisa, é que meu Home, sumiu do blog, não sei como fazer voltar :/ e o código tá tudo no lugar certinho, não sei o que aconteceu

    ResponderExcluir
    Respostas
    1. Para desfazer, coloque no lugar da imagem que adicionou o código da home (data:homeMsg/)...mas aqui tá normal...tem modelos que tem esse código da home 2 vezes; talvez se mudar os 2 códigos dê certo.

      Excluir
  4. Muito bom o tutorial :))
    Beijo http://umdiaqq.blogspot.com.br/
    Aceita afiliação ?

    ResponderExcluir

Muito obrigada por seu comentário e por sua presença! Ambos são super importantes para mim.

Apenas peço que:
- Comente a vontade, dê sua opinião, faça críticas, esclareça suas dúvidas e dê suas sugestões sobre o assunto referente às postagens;
- Use um vocabulário livre para todas as idades;
- Não ofenda ninguém em hipótese alguma.

Os comentários são moderados e não são permitidos comentários de pessoas que não se identifiquem. Algumas dúvidas podem ser previamente esclarecidas na F.A.Q, assim como créditos e outras coisas.

Por favor, entrem em contato por meio das redes sociais também para dúvidas, sugestões, pedidos ou outros:
Facebook - Twitter - Google+ - Deviantart