Gosto dos assuntos e tutoriais que tratam da navegabilidade de um blog e como se pode tornar fácil encontrar os artigos. O tipo de navegação pelas páginas de um blog mais básico e prático são os links no final da tela – “Postagens mais antigas”, “Início” e “Postagens recentes”. Mas é possível colocar esses links também no topo da página de seu blog e facilitar o transito pelo seu conteúdo.
Já mostramos outras formas de personalização desses links que podem deixar o seu template mais original e fácil de navegar, confira esses artigos também:
- Personalizar Links de Navegação do Blogger
- Se o seu blog não tem os links de navegação, leia: Link de Navegação das páginas do Blog
Lembrando que, sempre que for fazer qualquer modificação em seu layout, faça antes um backup de tudo e aplique antes em um blog de testes para ter certeza de que o resultado produzido é o que deseja ver em seu blog.
Mas o que vamos mostrar é bem simples de fazer. Esses links ficam no roda-pé das páginas de seu blog e pode até ser que seu visitante nem note, o que dificultaria para ele encontrar mais artigos em seu conteúdo. Então uma boa idéia seria passar tais links para o topo das páginas de seu blog.
Para isso, vá ao código-fonte de seu template – “Layout” ~> “Editar HTML” lembrando de marcar a opção “Expandir modelos de widgets” para poder visualizar todo o código. Agora procure pela seguinte linha:
<b:include name=’nextprev’/>
Copie e separe para movê-la para uma outra parte. Agora procure por:
<b:includable id=’main’ var=’top’>
Imediatamente abaixo disso cole a linha copiada anteriormente. Você pode ter tal linha duplicada, o que fará com que seu template tenha os links de navegação no topo e no roda-pé. Ou pode simplesmente mover para cima e tê-los em uma única posição como você achar mais conveniente.
Mais artigos sobre customização de templates no Blogger:
Marcos porque você apago meu comentário? falei algo de errado?
Só queria saber como que coloca “Postagens mais antigas” e “Postagens mais recentes” no canto da página, igual esse que tem aqui no Ferramentas Blog.
Rosiel,
O que você pergunta já temos um tutorial ensinando. Basta você procurar em nossos arquivos. Para facilitar, coloco aqui o link de um parceiro nosso que aprimorou o código para usuários do Blogger: http://www.codigosblog.com.br/2011/12/floating-nextprev-setas-de-navegacao.html
Marcos,
Eu pesquisei e cheguei aqui nesse post, não sabia o nome disso.
Abraços!!!