Se você tem um blog no Blogger e sente que o rodapé das postagens — aquela área que mostra data, autor, comentários e links — está poluindo o design ou simplesmente quer um visual mais limpo, está no lugar certo. Neste guia completo, vou te mostrar diferentes formas de ocultar o rodapé das postagens, usando desde CSS personalizado até alterações diretas no HTML do template. Tudo explicado de forma prática e passo a passo.
Por que ocultar o rodapé das postagens?
O rodapé dos posts geralmente exibe informações como data de publicação, nome do autor, número de comentários e links de compartilhamento. Embora sejam úteis para os leitores, às vezes esses elementos quebram a identidade visual do blog ou ficam repetitivos. Muitas blogueiras optam por removê-los para deixar o conteúdo mais clean e focado no texto. Além disso, em templates muito personalizados, o rodapé pode destoar do restante do design.
Método 1: Ocultar com CSS personalizado
Essa é a forma mais simples e segura, pois você não mexe na estrutura do template, apenas esconde os elementos visualmente. O CSS personalizado pode ser adicionado no painel do Blogger em Tema > Personalizar > Avançado > Adicionar CSS.
Para ocultar todo o rodapé das postagens (incluindo data, autor, comentários e links), insira o código abaixo:
/* Oculta o rodapé completo dos posts */
.post-footer {
display: none;
}
Se você prefere manter a data mas ocultar apenas o autor e os links de comentários, use:
/* Mantém a data, esconde autor e comentários */
.post-footer .post-author,
.post-footer .post-comment-link {
display: none;
}
Outra opção é ocultar o cabeçalho do post (que também aparece antes do título):
/* Oculta o cabeçalho do post (data, categorias) */
.post-header {
display: none;
}
Importante: O CSS não remove o código da página, apenas o torna invisível. Se você quiser eliminar completamente do HTML, veja o próximo método.
Método 2: Editando o HTML do template
Essa opção é um pouco mais avançada, mas remove de vez os elementos do rodapé. Antes de começar, faça um backup do seu template (Tema > Fazer backup). Depois, vá em Tema > Editar HTML.
Procure pelas seguintes seções no código do template (use Ctrl+F ou Cmd+F):
<b:if cond='data:post.author'>— relacionado ao autor<b:include data='post' name='post-footer'/>— inclui todo o rodapé<b:include data='post' name='post-header'/>— inclui o cabeçalho
Para remover o rodapé inteiro, basta deletar ou comentar a linha:
<b:include data='post' name='post-footer'/>
Se você quiser apenas ocultar partes específicas, localize os elementos dentro do rodapé (como data:post.author, data:post.timestamp) e envolva-os em condicionais ou remova as linhas. Lembre-se de não apagar tags importantes que podem quebrar o layout.
Método 3: Ocultar elementos específicos com seletores avançados
Você também pode usar CSS para esconder apenas alguns itens, mantendo outros visíveis. Por exemplo:
/* Esconde apenas a data */
.date-header {
display: none;
}
/* Esconde apenas os links de comentários */
.post-comment-link {
display: none;
}
/* Esconde o autor */
.post-author {
display: none;
}
Essa abordagem é interessante se você quer um rodapé enxuto, mas ainda exibir informações relevantes como a data de publicação.
Considerações importantes
- SEO: Ocultar ou remover o rodapé não prejudica diretamente o SEO, já que os mecanismos de busca leem o HTML mesmo que elementos estejam escondidos com CSS. Mas se você remover completamente do template, informações como data e autor podem deixar de ser indexadas.
- Usabilidade: Pense na experiência do leitor. A data ajuda a saber se o conteúdo é atual, e os comentários incentivam a interação. Avalie se vale a pena esconder tudo.
- Responsividade: Teste sempre no celular. Às vezes o rodapé ocupa espaço precioso em telas pequenas, então ocultar pode melhorar a legibilidade.
- Atualizações do template: Se você mudar de tema, lembre-se de reaplicar as alterações. O CSS personalizado é mantido, mas as edições no HTML precisam ser refeitas.
Perguntas frequentes (FAQ)
1. Ocultar o rodapé faz o blog carregar mais rápido?
A diferença é mínima. O conteúdo continua sendo carregado, apenas não é exibido. Se você remover do HTML, pode economizar alguns kilobytes, mas não espere uma mudança drástica na velocidade.
2. Posso ocultar o rodapé apenas em páginas específicas?
Sim, você pode usar seletores CSS específicos. Por exemplo, para ocultar só na página inicial use .home .post-footer { display: none; }. Ou para posts de uma categoria específica, use classes condicionais.
3. O que fazer se o rodapé continuar aparecendo após aplicar o CSS?
Verifique se o seletor está correto. Às vezes o template usa classes diferentes, como .post-footer ou .entry-footer. Use a ferramenta Inspecionar (F12) do navegador para identificar a classe exata do elemento.
4. É melhor usar CSS ou editar o HTML?
Para iniciantes, o CSS é mais seguro e fácil de reverter. A edição do HTML é definitiva e exige mais cuidado. Recomendo começar pelo CSS e, se precisar de uma solução permanente, vá para o HTML.
E aí, gostou das dicas? Teste no seu blog e veja qual método se encaixa melhor no seu design. Se tiver dúvidas, deixa nos comentários (se eles ainda estiverem visíveis, hehe). Até o próximo post!