Vou ser brutalmente honesto com você: por muito tempo, eu ignorei completamente o rodapé do meu blog. Eu focava 100% da minha energia no topo e no conteúdo, achando que ninguém rolava a página até o final. Eu estava completamente enganado.
Quando comecei a estudar a fundo como o Google avalia sites profissionais (especialmente para aprovação no AdSense), descobri que o Rodapé (Footer) é a "assinatura de confiança" do seu projeto. Um blog com aquele rodapé padrão do Blogger grita amadorismo e falta de cuidado. Por isso, decidi codificar minha própria solução: um rodapé estratégico, leve e funcional. Hoje, vou te entregar o código exato que eu utilizo nos meus projetos.
O Poder de um Rodapé Pro
Talvez você se pergunte: "Júnnior, vale a pena o trabalho de mudar isso?". Veja a diferença prática sob o olhar de um avaliador do Google:
| Critério | Padrão do Blogger | Meu Rodapé Personalizado |
|---|---|---|
| Design & Marca | Genérico e sem vida | Identidade Visual Forte |
| Engajamento | Zero Interação | Formulário de Contato Ativo |
| Compliance (AdSense) | Links escondidos | Links Obrigatórios Visíveis |
| Experiência (UX) | Estático | Frases Dinâmicas Aleatórias |
Por que esse código funciona?
1. Credibilidade (E-E-A-T)
Para aprovar no AdSense, a transparência é inegociável. Organizei os links de "Política de Privacidade" e "Sobre Mim" na primeira coluna. Isso facilita a auditoria automática do robô do Google e passa segurança ao leitor.
2. Proteção Anti-Spam
Jamais escreva seu e-mail em texto puro no rodapé (ex: contato@gmail...). Isso é um ímã para bots de spam. Com o formulário integrado neste código, você recebe a mensagem na sua caixa de entrada, mas seu endereço de e-mail permanece oculto e protegido.
Instalação Passo a Passo
Passo 1: Criando o Espaço
No painel do Blogger, vá em Layout, role até o final na seção Rodapé (Footer) e clique em Adicionar um Gadget > HTML/JavaScript.
Passo 2: O Código Mestre
Copie o código abaixo e cole dentro do gadget. Ele já inclui o CSS (estilo), o HTML (estrutura) e o JavaScript (funcionalidade).
🎨 Dando o seu toque pessoal
Uma das coisas que eu mais gosto nesse rodapé é a interatividade. Para que ele funcione no seu blog, você precisa fazer 3 pequenas alterações no código acima:
- O E-mail: Procure por
SEU_EMAIL_AQUI@GMAIL.COMe coloque o seu e-mail real. É para lá que as mensagens do formulário irão. - As Redes Sociais: Procure por
SEU_LINK_INSTAGRAMe substitua pela URL do seu perfil. - As Frases: No final do código, dentro de
const frases, você pode escrever suas próprias mensagens de motivação ou avisos para seus leitores.
Complete o Visual Profissional
Um rodapé impecável é apenas o começo. Para que seu blog seja uma referência de autoridade e retenha o leitor, recomendo que você implemente também: