terça-feira, 12 de maio de 2009

Como fazer um índice de posts sem scripts

Tanto a quanto a Áurea ensinaram como fazer um índice de posts ou tabela de conteúdos no blog, usando o script Bloctoc, criado pelo Hans, do Beautiful Beta. É lindo e funcional, mas para quem tem muitos posts publicados demora um bocado para carregar. Quem quiser fazer um índice bem mais fácil, sem precisar de scripts, pode aproveitar esta dica que peguei no Blogspottutorial.

Aproveitando a própria lista de posts resultante da procura(search)do Blogger que está no template, basta adicionar algumas condicionais e pronto, temos um índice de posts publicados na qual você pode controlar a quantidade que você quiser por página, e além disso, dá também para fazer um índice com posts por categoria (essa eu descobri sozinho).

1º passo:

1- No Painel de controle de seu blog, vá em Lay-out >> Editar HTML e salve o seu template.
2- Clique em Expandir o modelos de widgets e procure (usando control + F) a seguinte linha de código:
<b:include data='post' name='post'/>
3- Delete o código acima e coloque no lugar esse código:
<b:if cond='data:blog.homepageUrl !=data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;
border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;
color:#406A0E;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
4- Salve o template clicando no botão salvar
5- A cor do background e dos links (color) podem ser customizados colocado outras de preferência.

2º passo:

1- Se você quiser colocar o link do índice de posts na sidebar, é só ir em Lay-out >> Elementos de páginas >> Adicionar gadgets >> clique em HTML/Javascript e cole esse código abaixo:
<a href="http://NOME-DE-SEU-BLOG.blogspot.com/search?max-results=200">
Mostrar todos os posts »»</a>
2- Caso você queira colocar como índice ou mapa do site numa barra horizontal como a que tenho acima, é só adicionar o link no código:
<li><a href="http://NOME-DE-SEU-BLOG.blogspot.com/search?max-results=200">
Índice/Tabela de conteúdos
</a></li>
3- Caso queira utilizar um índice para um marcador específico, use o link assim:
<li><a href="http://NOME-DE-SEU-BLOG.blogspot.com/search/label/NOME-DO-MARCADOR?max-results=200">
NOME DO MARCADOR
</a></li>

O segredo? É simples. Ao adicionar no link de procura de posts o termo ?max-results=200, você manda procurar os 200 posts iniciais. Esse número pode ser trocado conforme a sua necessidade. Tudo automático, não precisa esperar o script carregar como nos outros casos.

O resultado vocês podem ver clicando na barra de navegação acima, seja em Poemas, Crônicas, Humor ou Artigos. Os três primeiros mostra uma lista com marcadores específicos e o último, todos os posts.
Coloquei também links com marcadores específicos abaixo na parte magazine do template. Confiram!

Artigos recentes

Linkem me:

Related Posts with Thumbnails
Google