Adicionando links "Postagens mais antigas" e recentes em templates personalizados

terça-feira, 6 de julho de 2010

Adicionando links "Postagens mais antigas" e recentes em templates personalizados

Olá, caro leitor! Se você quer acompanhar todos os nossos artigos, sinta-se a vontade para assinar nosso feed.

É fundamental para a navegação de um visitante em seu blog, ter os links "Postagens mais recentes" e "Postagens mais antigas". Em muitos templates personalizados utilizados no Blogger, estes links não aparecem. Eles funcionam exatamente como os links "Anterior" e "Seguinte". Caso você utilize um template personalizado no Blogger que ainda não tenha estes links, é recomendável adicioná-los, pois eles são muito importante para a navegação de um visitante em seu blog.

Estes links levam o visitante de uma página a outra, ou seja, dependendo do link que se clica, ou você poderá visualizar as novas postagens, ou as postagens mais antigas, e até voltar a página principal do blog. Ele é bastante simples e prático. É mais importante ainda para quem personaliza o número de artigos que aparecerão na página principal do blog, quando algum visitante acessá-lo.
-> Configurando o número de postagens na página principal do Blog

Antes de seguir com os procedimentos, é recomendável fazer um backup do layout de seu blog, para evitar futuros erros no código-fonte de seu template.
-> Faça o backup de seu blog para proteger o seu template e seus gadgets

Acesse o painel do Blogger e vá em Design -> Editar HTML -> Marque a opção "Expandir Modelos de widgets" -> Pressione CTRL + F e procure pela seguinte tag:

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

ABAIXO desta tag, cole o seguinte código:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>

Salve o seu template e confira o resultado. Caso tenha ocorrido erros, recarregue o modelo que você baixou e siga os procedimentos novamente. Caso você queira personalizar estes links, siga o tutorial a seguir:
-> Alterando o texto dos links "Postagens mais antigas" e "Postagens mais recentes"

12 Comentários:

Nanda disse...: Fiz tudo direito... não deu erro nenhum, mas também não apareceu os links :/; 6 de julho de 2010 às 23:33
Vinicius Chargel disse...: @Nanda,

Este hack foi testado em diversos templates, e funcionou corretamente. Verifique se seguiu todos os procedimentos corretamente. Caso eu encontre algum erro no código, corrigirei-o.; 7 de julho de 2010 às 13:27
Larya_br disse...: como q coloca em numeros??? as páginas em numeros no lugar de anterior / inicio e seguinte?; 5 de outubro de 2010 às 21:47
Vinicius Chargel disse...: @TGD,

Temos um tutorial para isso: http://www.desenvolvimentoblogger.com.br/2010/03/links-de-navegacao-numerados-para.html; 6 de outubro de 2010 às 15:29
Ni Portela disse...: Aparece assim
"O widget id "Blog11" contém pelo menos dois elementos b:includable com o mesmo id: "nextprev". Todos os elementos b:includable devem ter um id exclusivo para um widget específico." O que significa isso?; 10 de outubro de 2010 às 19:57
Vinicius Chargel disse...: @Ni,

Provavelmente você colou no local errado. Verifique os procedimentos e refaça-os.; 10 de outubro de 2010 às 22:37
Diogo de Oliveira Reis disse...: Comigo aconteceu a mesma coisa que foi dita por Ni:

"O widget id "Blog11" contém pelo menos dois elementos b:includable com o mesmo id: "nextprev". Todos os elementos b:includable devem ter um id exclusivo para um widget específico."; 5 de janeiro de 2011 às 16:38
Vinicius Chargel disse...: @Diogo,

Siga o que é dito no erro. Procure por outra b:includable com "nextprev" dentro e apague-o.; 5 de janeiro de 2011 às 16:56
Djaysel Pessoa disse...: Não funciona... só apagar o nextprev n adianta. E de fato pra quer mais uma id se não se utiliza ela? retirei as duas... continua sem funcionar... a única id que já tem lá é blog1 se n me engano...; 12 de setembro de 2011 às 14:53
Vinicius Chargel disse...: Djaysel,

Basta substituir pela ID que está contida neste post, que irá funcionar. Agora, se há alguma outra ID atrapalhando, não há como saber, apenas analisando o template.; 13 de setembro de 2011 às 22:36
Rapha disse...: Fiz tudo direito... não deu erro nenhum, mas também não apareceu os links :/ (2); 20 de setembro de 2011 às 22:14
Vinicius Chargel disse...: Raphaela,

Verifique se os procedimentos foram feitos da maneira correta.; 21 de setembro de 2011 às 22:48

Postar um comentário

-> NÃO faça comentários ofensivos;
-> Faça comentários apenas RELATIVOS ao assunto do artigo;
-> NÃO faça conversas nos comentários;
-> É PROIBIDO usar links desnecessários, para isso comente usando OpenID;
-> Os comentários são VERIFICADOS, para garantir que não seja violada as regras acima;

Se preferir, fale conosco pela página de CONTATO.

Dica
Use tags como <b> e <i> para fazer comentários mais relevantes.