Widget "Assine o Feed" no rodapé dos posts
Adicionar um convite para assinatura de feeds ao final de cada postagem é uma estratégia inteligente para fidelizar seu público. Ao contrário de um widget fixo na barra lateral, essa abordagem posiciona a oferta de assinatura no momento de maior engajamento — quando o leitor acaba de consumir seu conteúdo.
Este tutorial vai te guiar por um método eficaz para implementar esse recurso, com código moderno, responsivo e que você pode personalizar completamente.

🚀 Pré-requisito: Ter o FeedBurner Configurado

Para que o widget funcione, você precisa ter uma conta no FeedBurner e ter "queimado" o feed do seu blog. Se você ainda não fez isso, aqui está o passo a passo rápido:
Acesse o site do FeedBurner e faça login com sua conta do Google.
Na página inicial, cole o endereço do seu blog (ex: `seudominio.blogspot.com`) e clique em "Next".
Dê um título e um endereço para o seu feed (ex: `feeds.feedburner.com/MeuBlog`) e finalize o processo de "queima" do feed.
Se você não usa mais o FeedBurner, pode adaptar o código para qualquer serviço de newsletter. Basta substituir o link de "Assine nosso Feed" pelo link do seu feed RSS padrão do Blogger (geralmente `seudoblog.blogspot.com/feeds/posts/default`).

✍️ Passo a Passo para Implementar o Widget

Com o FeedBurner configurado, siga os passos abaixo para implementar o widget no rodapé dos seus posts:

1. Faça o Backup do Seu Tema
Antes de qualquer modificação, vá em Tema → Fazer backup / Restaurar → Baixar modelo completo. Essa é uma prática essencial para evitar qualquer perda de dados.

2. Acesse o Editor de HTML e Expanda os Widgets
No painel do Blogger, vá em Tema → Editar HTML. Em seguida, marque a caixinha "Expandir modelos de widgets" para ter acesso a todos os blocos de código do template.

3. Localize o Local Correto para Inserir o Código
Use a ferramenta de busca do seu navegador (Ctrl + F ou Cmd + F) para encontrar o seguinte trecho:

<div class='post-header-line-1'/>

Para templates mais novos: Se você não encontrar essa linha, procure por <div class='post-footer'> e cole o código logo após a abertura dessa tag. O objetivo é que o widget fique no rodapé da postagem.

4. Cole o Código Modernizado
Logo abaixo da tag que você encontrou, cole o bloco de código abaixo. O código já está pronto para ser usado, você só vai precisar fazer as substituições indicadas na seção "Como Personalizar".

<!-- CÓDIGO DO WIDGET "ASSINE O FEED" NO RODAPÉ DOS POSTS -->
<b:if cond='data:blog.pageType == "item"'>
  <style>
    /* Estilos modernos para o widget. Você pode manter como está ou personalizar */
    .custom-subscribe-widget {
      background-color: #f8fafc;
      border-radius: 12px;
      padding: 20px;
      margin: 30px 0;
      border: 1px solid #e2e8f0;
      font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
      transition: all 0.3s ease;
    }
    .custom-subscribe-widget:hover {
      border-color: #cbd5e1;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }
    .custom-subscribe-container {
      display: flex;
      align-items: center;
      gap: 16px;
      flex-wrap: wrap;
    }
    .custom-subscribe-icon {
      flex-shrink: 0;
    }
    .custom-subscribe-icon img {
      width: 48px;
      height: 48px;
      display: block;
      border-radius: 12px;
    }
    .custom-subscribe-content {
      flex: 1;
    }
    .custom-subscribe-content p {
      margin: 0 0 5px 0;
      font-size: 0.95rem;
      color: #334155;
    }
    .custom-subscribe-content strong {
      font-size: 1.05rem;
      color: #0f172a;
    }
    .custom-subscribe-links {
      margin-top: 12px;
      display: flex;
      gap: 20px;
      align-items: center;
      flex-wrap: wrap;
    }
    .custom-subscribe-link {
      text-decoration: none;
      font-weight: 500;
      transition: color 0.2s;
    }
    .custom-subscribe-link.feed-link {
      color: #dc7e2c;
    }
    .custom-subscribe-link.feed-link:hover {
      color: #b95b0e;
      text-decoration: underline;
    }
    .custom-subscribe-link.email-link {
      color: #2563eb;
    }
    .custom-subscribe-link.email-link:hover {
      color: #1d4ed8;
      text-decoration: underline;
    }
    @media (max-width: 640px) {
      .custom-subscribe-container {
        flex-direction: column;
        text-align: center;
      }
      .custom-subscribe-links {
        justify-content: center;
      }
    }
  </style>

  <div class='custom-subscribe-widget'>
    <div class='custom-subscribe-container'>
      <div class='custom-subscribe-icon'>
        <!-- Substitua a URL da imagem pela sua. Use SVG para melhor qualidade ou mantenha o emoji via CSS -->
        <img src='https://i.imgur.com/5nZVO4f.png' alt='Feed RSS' width='48' height='48'/>
      </div>
      <div class='custom-subscribe-content'>
        <p><strong>📬 Gostou do conteúdo? Não perca os próximos!</strong></p>
        <p>Receba as novidades do blog diretamente no seu leitor de RSS ou no seu e-mail. É rápido e gratuito:</p>
        <div class='custom-subscribe-links'>
          <!-- LINKS COPIADOS DO FEEDBURNER. SUBSTITUA PELOS SEUS -->
          <a class='custom-subscribe-link feed-link' href='http://feeds.feedburner.com/SEU_BLOG_AQUI' target='_blank' rel='noopener noreferrer'>📡 Assine o Feed (RSS)</a>
          <span>ou</span>
          <a class='custom-subscribe-link email-link' href='http://feedburner.google.com/fb/a/mailverify?uri=SEU_BLOG_AQUI&amp;lang=pt_BR' target='_blank' rel='noopener noreferrer'>✉️ Receber por E-mail</a>
        </div>
      </div>
    </div>
  </div>
</b:if>
<!-- FIM DO WIDGET "ASSINE O FEED" -->