Como mudar a posição dos botões de paginação do Blogger

Hoje atendendo a uma sugestão que foi feita pelo leitor Marcelo, eu mostrarei como trocar a posição dos botões de paginação padrão do Blogger. Confesso que eu já havia pensando na possibilidade de inverter a posição dos botões, porém, eu nunca tive interesse em ver se era possível, nem em como fazer esta modificação, mas após a sugestão do leitor Marcelo, resolvi escrever este artigo.

NOTA: este tutorial foi testado em todos os templates disponíveis no Designer de modelo do Blogger, e em todos os templates o tutorial funcionou perfeitamente. Porém, não posso dar a mesma garantia para quem usa templates de terceiros.

Imagem por: Toolmantim

Invertendo os botões de paginação do Blogger


1. Faça login no Blogger e acesse o painel de controle do seu blog, depois vá no menu Modelo, clique no botão Fazer backup / Restaurar e faça uma cópia de segurança do seu template clicando no botão Fazer download do modelo completo.

2. Clique no botão Editar HTML, pressione Ctrl+F para abrir a janela Localizar do navegador, e procure o código abaixo.

]]></b:skin>

3. Imediatamente acima deste código, adicione este outro código.

/* ----- CSS para inverter a posição dos botões de paginação ----- */

#blog-pager-older-link {
float: left;
}

#blog-pager-newer-link {
float: right;
}


4. Para finalizar, clique no botão Visualizar e, se estiver tudo certo, clique no botão Salvar modelo.

Agora é só ir no seu blog e verificar como ficou. Gostou do artigo, achou ele útil ou ficou com dúvidas? Participe deixando um comentário. E não se esqueça de conferir nossos outros artigos sobre paginação:

Atualização — 08.10.2011 às 18h15
O artigo foi atualizado para refletir mudanças realizadas no painel de controle da plataforma Blogger.
É terminantemente proibida a cópia de nossos artigos sem nossa expressa autorização!
Plágio é crime previsto no artigo 184 do Código Penal brasileiro e na Lei 9.610/98.
As informações contidas neste artigo estão desatualizadas? Notifique-me! Editar artigo
Igor Sousa é dono e criador do blog Hdblog (antigo Bloggando Na Web). Tem 24 anos, é paulistano e atualmente cursa o 8° Semestre em Ciências Contábeis. Blogar era apenas um modo de melhorar sua redação de texto, mas unida a sua vontade de ajudar as pessoas passou a ser um hobby.

Foram postados 3 comentários neste artigo!

  1. Acompanho seu blogger pelo google reader à vários meses. Tudo muito bom! Mas para o leitor conseguir acompanhar os tutoriais de forma mais segura, aconselho usar imagens ilustrando cada 'passo'. Parabéns pelo blog e fique com Deus..

    ResponderExcluir
  2. Aldéryck: agradeço a sugestão, eu procuro sempre ilustrar os tutoriais com imagens, mas como em alguns tutoriais os passos são simples/básicos como: “clique em tal opção”, “vá em tal menu”, eu acho desnecessário usar imagens, até mesmo porque estes passos são bem comuns para os donos de blogs do Blogger. Agradeço a visita e o comentário! Volte sempre!

    ResponderExcluir
  3. Hahaha!! tão simples, e eu antes de pedir tentei tantas coisas!!

    Valeu por resolver esse meu "problema"

    Abraço Igor

    ResponderExcluir