Os tutoriais e templates aqui apresentados são voltados para os Modelos de layout (lançados em 2006). A eficácia das dicas aqui apresentadas não foram testadas nos novos modelos de templates do Blogger (2010).

16 maio 2008

Melhorando a apresentação dos marcadores e arquivos

Essa eu ví no Hachosphere e achei muito interessante. Quando se clica em um Marcador ou mesmo em um determinado mês do arquivo, por padrão o blogger mostra todas as postagens relacionadas ao mesmo, o que não é muito interessante, principalmente se você tem umas 200 postagens vinculadas à um determinado marcador ou escreve muitos posts mensalmente. Pelo menos 20 postagens aparecerão na página principal, o que carrega demais a página e não garante que seu leitor realmente encontre de pronto o que procura.

Com este hack é possível exibir uma lista com o nome de todas as postagens relacionadas ao marcador/mês do arquivo solicitado. Eu já estou usando aqui no Templates e gostei bastante (clique em um marcador para ter uma idéia), só pretendo melhorar a apresentação da lista.

Enfim, sem mais delongas: Clique em Editar HTML e em Expandir Modelo de Widget e procure por este trecho do seu código:

<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<data:post.dateHeader/> </h2>
</b:if>

<b:include data='post' name='post'/>

Substitua o que está em vermelho por:

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Visualize (na verdade não deve aparecer nenhuma mudança no seu template, ok?) e se estiver tudo em ordem, salve. Para testar, clique em um dos seus marcadores ou mês do arquivo. A lista com o nome dos artigos relacionados deve aparecer na coluna das postagens.

É isso!

Artigos Relacionados

33 comentários:

Ricardo Rayol disse...

eu vivo quebrando a cara com essas dicas, a nuvem de tags por exemplo nem com reza brava eu consigo colocar. Vou ver essa aí. :-)

Ricardo Rayol disse...

Em tempo: Não as suas dicas é claro.

Luiz Lailo disse...

Mais uma dica da Ariane funcionando. Ficou muito bom, tanto para marcadores quanto para datas.

Johnny disse...

Os meus posts sumiram. Será incompatibilidade com algum outro hack que eu tenha feito antes?

Felizmente, fiz um backup do template, hehe..

Ah, queria tanto que funcionasse aqui. Eu sou pé frio mesmo, puxa...

Acho que vou começar a estudar HTML, CSS. Ficar no escuro assim é muito chato, às vezes.

Andréia Sant'Anna disse...

Oi Ariane! testei sua dica e deu certo. Muito obrigado!!!

Rô Rezende disse...

Olá, tudo bem?!
Ótima dica, vou ver se consigo colocar no CriaRecria e vou já criar um link para ela!!!

Beijos!

Unknown disse...

Ah, não só meus posts sumiram como também não apareceu a lista qdo eu cliquei no marcador...
Humpf...

Ariane disse...

johnny e j.apps, eu realmente não tenho idéia do que pode ter feito desaparecer as postagens! aqui funcionou direitinho, como podem observar e parece que para outros também, pelos comentários. Talvez seja alguma diferença na configuração da forma como os arquivos são apresentados, não sei. Vou investigar.

Johnny disse...

Tranquilo, Ariane. No meu caso eu tenho uma suspeita: versão atualizada do template Minima.

O meu template-base é bem recente, a pista pode estar aí. Fizeram algumas implementações, algumas mudanças, por exemplo, comentários no corpo do próprio post.

Faço votos de que vc consiga descobrir o mistério. Gostei muito desse hack.

Abraços!

gadarf disse...

Sumir? Restaura o layout anterior ué.

Aqui não deu muito certo. Este código parecer inserir o elemento post.title, entretanto a formatação dele não fica boa em uma lista e não sei como mudar.

Anônimo disse...

Não acredito que esta dica óóóóóóótima já está aqui há dois meses e eu não tinha visto!!! Deve ter sido na época em que eu estava brigando com o speedy.. humpff.. Vim fuçar um tuto seu de menu suspenso e caí aqui. Achei fantástico, Ariane. Já implementei no Blog a La Carte.

E o template está lindo. Excelente escolha de cores, parabéns!

Will disse...

Olá existe algum jeito de determinar a quantidade de posts que aparecem quando trata-se de "postagens mais antigas"?
Quando é marcadores aparecem em média 20,porém quando clico em postagens mais antigas só aparecem 5, posso aumentar esse numero?
Obrigado!

Johnny disse...

Troquei o meu template, e agora deu certo!

Unknown disse...

Ariane... suas dicas sempre são perfeitas!!! Muito obrigado...
Um grande abraço!!!

Ranieli disse...

Olá Ariane...mais uma vez as suas dicas me facilitaram a vida...valeu..

abraços

Thiago Martins disse...

Muito bom, eu tentando fazer isso a um bom tempo e so errava , mas o seu Blog tem muitas dicas boas infelizmente não consego instalar todas como a dos posts diovididos em duas colunas, mas muito orbigado

Tiago Wakabayashi disse...

Eu queria tirar uma dúvida não sei se é até sobre a minha duvida este post (pq n entendi mt o.o) mas vou mandar:

Eu queria criar uma lista de links relacionados com o assunto, queria saber como eu posso fazer isso, por exemplo, eu mesmo add um link de um post do meu blog em outro, mas com o mesmo assunto, sem precisar de depender do blog fazer isso por mim e relacionar links de posts meus que podem até ter as mesmas palavras, mas não se trata do mesmo assunto.

MOISESALBA disse...

ola, como faço para desfazer esta modificação, pois apesar de ser muito interessante, gostaria de deixar como estava.

Arteliteraria disse...

Olá eu sou Miguel, criei o blog artliteraria, no Blogger. Acontece que siguí as orientações para a inserção de marcadores, mas os posts ficam selecionados neles. O que eu fiz de errado? alguém pode me ajudar? é que sou calouro nesse troço aí. arteliterariamc@hotmail.com

Srª do Rio disse...

NOSSA! MARAVILHA esta dica! Acho que resolvi o meu problema em nao ter os marcadores abaixo das postagens. Assim fica tudo mais organizado. Tudo que vc ensina aqui eu faço e sai direitinho! VC É O MÀXIMO, MENINA!!! Bjs

Unknown disse...

Ariane, eu fiz aqui deu certin..
Mas como eu posso personalizar o geito que e exibido?

onde eu arrumo?

Bjos ;)

Victor Assis disse...

Consegui ariane olha neste meo blog de testes:

http://planetseries.blogspot.com/search/label/Marcador 2

GILSON DE MOURA disse...

Olá Victor Assis

Vi seu blog de testes onde você adicionou na parte CSS do código do seu layout o LISTA-POSTS.

Tomei a liberdade de copiar para meu blog. Só falta a parte do vínculo das postagens que a Ariane colocou nesta postagem com o seu LISTA-POSTS.

Você poderia compartilhar?

Gilson

GILSON DE MOURA disse...

Olá Ariane.

Parabéns pela dica. Está funcionando perfeitamente no meu blog (http://www.missoeseadoracao.net). Tenho mais de 700 postagens em dois anos e já estava preocupado em divulgar o conteúdo dos meses anteriores.

Apresentando apenas os títulos da postagem por tag ou por mês, facilita muito o trabalho.

Gilson

Unknown disse...

Puxa Ariane, essa ferramenta é fundamental. No meu blog estou usando a base do seu template "Outono" e infelizmente não funcionou. Solicito sua especial gentileza de avaliar tal problema.

Unknown disse...

Cara, desconsidera meu último comentário. A dica deu muito certo. Muito obrigado. É realmente fabuloso!!!

Unknown disse...

Perdoe incomodá-la, novamente, cara Ariane. Gostaria de solicitar sua especial gentileza de avaliar a possibilidade de me informar como é possível dar estilo à nova lista com os nomes dos posts, orinda dessa maravilhosa dica. Eu já tentei, porém não obtive êxito. Desde já agradeço.

Cordialmente,
Drix Coutinho

Unknown disse...

"Minha favorita" obrigado por tudo. Estava pensando se não seria matéria pra você juntar duas idéias expostas aqui: Exibir marcadores como listas de apresentação melhorada no estilo tipo "blocos quadradinhos" como foi ensinado em: 2009/07/isfirstpost-um-estilo-diferente-para-o.html (modelo 2) ou melhor: parecido com este blog: http://famadesivos.blogspot.com/ (considere só a lista em blocos)

Será que dá pra juntar as duas idéias e exibir os marcadores em bloco ao invés de listas como se exibe a isfirstpost? Abraços.
Por: twitter/skintape

Ariane disse...

SkinTape os marcadores e arquivos aparecem desta maneira quando se usa o resumo de postagens automática com miniatura das imagens

Unknown disse...

Cara Ariane,

Estou utilizando suas dicas para construir a estrutura do meu blog: http://emiratesworld.blogspot.com. Acontece que estou tendo algumas dificuldades de compatibilidade. No explorer ele aparece de um jeito, no fire ele aparece de outro, meu menu é temperamental e sempre aparece em algum lugar diferente do que eu programei. Gostaria de saber QUANTO VC COBRA para dar um fim nesses bugs.

Miriam disse...

Deu certinho!! obrigada!!

Passos disse...

Perfeito!!!

Adicionei e fiquei feliz em poder facilitar ao usuário, pois sempre quis fazer desta forma, mas minha incapacidade para tal, sempre impediu. Procurei aqui como deixá-lo personalizado igual a vosso blog, e não encontrei ainda a dica, mas com certeza, já está de bom tamanho.
Obrigado mais uma vez.

Anderson Santos disse...

Ajudou muito. Bastante esclarecedor. Muito Obrigado!

Postar um comentário

Os comentários são moderados.