Postagens Tutoriais Blogger Vanessa S.
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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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.
[dica]Você também pode aplicar os seguintes efeitos:
sombra na fonte dos links
Bordas Arredondadas
sombreado nas bordas
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? 😉
Vanessa S.
Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.
No meu blog deu certo, muito legal. Mas gostaria de Saber se é possível colocar uma miniatura da imagem ao lado titulo da postagem
Eu amo vc vanessa
+_+
seu blog ta no meu favorito!!!
Estou lendo todas as postagens e apefeicoando aos poucos ele.
Obrigado!
Muito bom os seus tutoriais. Sobre este, teria como adicionar uma organização em ordem alfabética? E também retirar as datas que ficam aparecendo. Deu pra entender hehehe?
Abraços e muito obrigado pela atenção.
Que eu saiba, não!
Muito obrigado, sempre gostei desse hack, muito útil e bonito.
Fiz do jeito explicado e nem modificou nada!
Mesmo assim obrigado!
Deborah:
Alguns recursos podem variar de template para template.
Fiz 2 vezes, mas não ficou bonitinho como no seu blog de testes…
Desalinhou tudo e voltei como era antes….
Alguma dica em especial?
isso se aplica a todas paginas de marcadores ou só a uma determinada página?? preciso para só uma página!!
oi funcionou legal mas estou com um problema… eu usei um hacker de paginar e agora isso também está funcionando nas paginas desse hack
Vale pela dica Clau! Você é muito fera!
Abraço.
Muito bom! Realmente ajudou no meu blog, obrigado Clau!
No meu blog deu certissimo! Mas tenho uma dúvida… como o blogger escolher até quando é postagem recente? Por exemplo, tenho um marcador que teve postagens dia 1, 2, 3, 4, 5 e 6 do mesmo mês… mas quando clico no marcador só aparece um por vez! Em compensação tem outros que tiverem postagens com datas mais distanciadas, mas aparecem tudo de uma vez quando clico no marcador… acho que ficou um pouco confusa minha explicação! mas não sei como ser clar! rs
Rosangela
Tais recursos podem variar de template para template. Sendo assim, lamento, mas não tenho como te ajudar, de qualquer forma agradeço pelo comentário.
acho isso a melhor uma das melhores coisas que aprendi, mas nao meu novo template nao aparece, só aparece naqueles padronizados do blogger mesmo. por favor me ajude.
Seus tutoriais são dos melhores que já vi para implementação blog. Sinceramente, obrigada! Sempre dá certo. vlw
Clau, acho que é por causa desse hack que eu não consigo ativar as minhas paginas estaticas :/
Porque tipo, quando eu crio a postagem de uma pagina estática e coloco para visualizar acabar que ela não me deixa ve-la por exibir somente o titulo da postagem como se eu estivesse navegando na tabela de marcadores (é como se fosse aquele problema de que com o Leia Mais um tempo atrás. A diferença é que o Leia Mais teve solução).
Enfim, eu uso postagens comuns como paginas estáticas (porque eu acho que o Hack é mais importante para mim do que as paginas que podem ser substituídas), mas sera que não tem nenhuma maneira de resolver isso?
Eu agradeço desde já é parabens pelo o Blog que esta cada vez melhor 😀
Bia, Moka-chan
O efeito deste hack é esse que está ai..se existe uma outra forma, eu desconheço. Vcs terão que pesquisar e ver se encontram algo por ai.
Potter
Procure pelo tutorial: Ferramenta breadcrumbs no blog, pode ser que te ajude.
Raphael, Rafael
Lamento,mas não sei informar.
Clau … meu primeiro comentario!! uhu
Queria dizer que o blog mais bonito em questao de desing que conheço feito em blogger.
a Minha duvida é como fazer isso de mostrar o titulo somente mas mantendo o padraao e o formato do post, tipo somente retirar o post e deixar soment o titulo mas deixando a mesma forma que ja esta teria como ?
Sempre usei esse hack nos layouts do meu blog, e percebi que era por causa dele que as paginas estaticas não funcionavam (Só aparecia o titulo dela e eu não conseguia de maneira nenhuma abrir a postagem delas).
Acho que vou atualizar para o seu hack depois e ver se elas funcionam, senão eu desisto de vez rs
;-*
Clau, como faço para colocar isso em uma página específica apenas ?
Muito bom!
Tenho uma pergunta:
Quando eu clico em um marcador aparece a a seguinte frase por exemplo:
"Mostrando postagens mais recentes com o marcador Imagens. Mostrar postagens mais antigas"
Como faço para modificar essa frase e de todos os outros marcadores??
Simplesmente "Paguei pau!!!"
Muito obrigado, ficou muito bom!!!!
Não podia deixar de fazer um comentário, obrigado clau!!!
Gothic Darkness 🙂
ficou muito bom!
Clau, tem como além de só exibir os títulos dos posts, exibi-los em ordem alfabética? E obrigada pelo artigo, aprendo muito com você!! ^^
Oi Clau, fico lindinho lá no meu blog! Obrigado! 🙂
Só que quando clica em postagens mais antigas, na pagina inicial, tb só aparecem os títulos… queria que só nos marcadores fossem assim. Vc sabe se tem como mudar isso?
Beijos
muito bom! vlw galera
Olá Mundo Blogger!
Estou com um problema… é o seguinte: Postei um ebook e criei uma nova categoria: "Gastrononia Culinária Receitas". Ao fazer a postagem esta categoria se dividiu em 3 Gastronomia, Culinária e Receitas.
Como faço para os 3 nomes ser apenas uma categoria?
Um abraço!
Clau como que faz akele menu vertical que ta na sidbar do blog de demosntração??
.:: Clau ::. como todo o respeito, seu blog é foda. xD
ótimo tutorial Clau… eh mais facil do que eu pensava ^^
ja estou utilizando 🙂
Bjos, tchau tchau (by: GeeH/H1TL3R)
Que bom que vcs gostaram, e agradeço imensamente pelos comentários 😉
Oi, Clau!
Valeu pela dica.
Sempre gostei desse detalhe no MB, agora no meu também tem! rsrsrs
Abs!
Das
Tentei no meu consegui só sumir com a imagem do título do blog….aff
Muito legal! Goste muito.
Parabéns!
Valeu Clau *.*
bjoo!
Oi, Clau
Muito bom!
Fica bem melhor com essa personalização.
Há tempos quero fazer isso.
Agora vai ficar bem mais fácil \o/
Abraços
Bene Clau 😉
Vou começar a utilizar Amanhã!
Obrigado pela Dica!