Como Exibir somente títulos dos posts na página de marcadores

Sei que há tempos ando devendo este tutorial ensinando exibir somente títulos dos posts na página de marcadores.
Há muito tempo que ando recebendo diversos pedidos de leitores para que eu ensinasse como que eu fiz para exibir somente títulos das postagens nas páginas de marcadores e arquivos.
Eu estava tentando encontrar uma forma de explicação de fácil entendimento, porque na verdade, quando eu implementei isso no meu blog (desde 2009), eu utilizei o famoso “método da gambiarra“. (Pois é, para quem não sabe, as vezes para conseguirmos implementar certas coisas,temos que “apelar” para as “gambiarras” mesmo).

Eu particularmente sempre gostei de utilizar este recurso de apresentar somente os títulos dos posts na página de marcadores, do que apresentar todo o conteúdo de um marcador, tendo em vista que facilita muito mais na busca por determinado conteúdo publicado, sem falar no fato que deixa o carregamento mais rápido.

Conforme prometido, hoje finalmente você vai aprender a implementar este recurso no seu blog.

Se quiser conferir, basta clicar em algum link de qualquer marcador do meu outro blog, Universo Sombrio.

Bom, sem muito blábláblá, veremos como apresentar apenas os títulos das postagens na página de marcadores e de arquivos.

[becape]Antes de mais nada, você já deve saber que é sempre bom fazer um backup do seu Template para evitar transtornos.[/becape]

Exibir somente títulos dos posts na página de marcadores

1º passo – Modificar o html do template

No painel do blogger, clique no menu “modelo“, clique em “editar html“, marque a caixinha “expandir modelos de widgets” e procure pela linha:

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

Substitua toda esta linha pelo código abaixo:

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div id='list_page'><ul><li>
<a expr:href='data:post.url'><data:post.title/></a>
</li></ul>
</div>
<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>

2º Passo – Aplicar estilos CSS

Volte no menu “modelo“, entre na edição HTML do seu template, não precisa clicar em “expandir modelos de widgets” e procure pela tag ]]></b:skin>
e cole o seguinte código logo ACIMA dela:

#list_page{
background:#f6f6f6;  /*--cor de fundo--*/
border:1px solid #ccc;  /*--estilo e cor da borda--*/
margin:5px;
padding:15px;
}
#list_page ul{
list-style-type:none;
padding:0px;
margin:0px;
}
#list_page li{
font-size:20px;   /*--tamanho da fonte dos links--*/
padding:5px;
}

Edite as cores de acordo com seu gosto. Os campos que você pode e deve editar já estão destacados no código acima.
Usem a imaginação, e boa sorte![/dica]

Se preferir, veja o demonstrativo neste blog de testes.

Lembrando que: é este hack que eu utilizo nos meu outro blog no blogger, e funciona perfeitamente, inclusive no blog de testes que utilizei cujo modelo de template é do Designer de Modelo. Portanto, caso este hack não funcione no seu blog, fique ciente que determinados recursos podem variar de template para template, e o bom funcionamento do mesmo depende muito do template que você está usando, sendo assim, nem adianta vir me pedir ajuda, pois eu não saberei como te ajudar, capicce?