add

How to Add Newsletter Signup in Blogger - Build Email List Free 2026

 

AdSense earnings depend on traffic - traffic goes down, earnings 0. Email list = you own audience, send post link = instant 500 views even if Google down. Must build from Post #140.

In Post #140, add newsletter free.

Step 1: Create Free Email Tool - Mailchimp / Brevo

  1. Go to mailchimp.com → Free plan 500 subscribers
  2. Audience → Signup forms → Embedded forms → Copy form action URL (e.g., https://gmail.us1.list-manage.com/subscribe/post?u=xxx&id=xxx)
  3. Or use Brevo (ex Sendinblue) - free 300 emails/day - better for beginners

Step 2: Add Inline Newsletter Box After Post (Highest Converting 3%)

  1. Blogger → Theme → Edit HTML → Find <data:post.body/> → Just below it paste:
<div style="background:#f0f9ff;border:2px solid #0ea5e9;border-radius:16px;padding:20px;margin:24px 0;text-align:center;">
<h3 style="margin:0 0 8px;">📧 Get Blogger Hacks Weekly</h3>
<p style="margin:0 0 12px;font-size:14px;color:#444;">Join 5,000+ bloggers - get new posts, AdSense tips, free themes in email. No spam.</p>
<form action="YOUR-MAILCHIMP-URL" method="post" target="_blank" style="display:flex;gap:8px;max-width:400px;margin:0 auto;">
<input type="email" name="EMAIL" placeholder="Your email" required style="flex:1;padding:10px 14px;border:1px solid #cbd5e1;border-radius:20px;outline:none;"/>
<button type="submit" style="background:#0ea5e9;color:#fff;border:none;padding:10px 18px;border-radius:20px;font-weight:700;cursor:pointer;">Join Free</button>
</form>
<p style="font-size:11px;color:#888;margin-top:8px;">Unsubscribe anytime. Privacy policy Post #133.</p>
</div>

Replace YOUR-MAILCHIMP-URL.

Step 3: Add Popup Newsletter - Delayed 30 Seconds (2x More Subs)

  1. Find </body> → Paste above it:
<style>
#news-popup{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:9999;align-items:center;justify-content:center;}
#news-popup.show{display:flex;}
.news-box{background:#fff;border-radius:20px;padding:28px;max-width:360px;width:90%;text-align:center;position:relative;}
.close-pop{position:absolute;top:10px;right:14px;font-size:20px;cursor:pointer;}
</style>
<div id="news-popup">
<div class="news-box">
<span class="close-pop" onclick="closePop()">×</span>
<h3>🎁 Wait! Get Free SEO Checklist</h3>
<p style="font-size:14px;color:#555;">Get Post #121-140 checklist PDF + weekly tips.</p>
<form action="YOUR-MAILCHIMP-URL" method="post" target="_blank">
<input type="email" name="EMAIL" placeholder="Enter your email" required style="width:100%;padding:10px;border:1px solid #ddd;border-radius:10px;margin:10px 0;"/>
<button style="width:100%;background:#000;color:#fff;padding:10px;border:none;border-radius:10px;font-weight:700;">Send Me Checklist</button>
</form>
</div>
</div>
<script>
// Popup after 30 sec once per 7 days - Post 140
function showPop(){ var last = localStorage.getItem('pop140'); if(!last || Date.now()-last > 7*24*60*60*1000){ document.getElementById('news-popup').classList.add('show'); } }
function closePop(){ document.getElementById('news-popup').classList.remove('show'); localStorage.setItem('pop140', Date.now()); }
setTimeout(showPop, 30000);
</script>

Step 4: Where Else to Add Signup?

Location Conversion
After post (Step 2) 3% - Best
Popup after 30s (Step 3) 2.5%
Sidebar widget 0.8%
About page 1.2%

My advice: Use after post + popup only. Sidebar = clutter.

Step 5: What to Send Weekly?

  1. Every Monday - send last week's posts (Post #136-140) link list
  2. Add 1 extra tip not on blog - makes email valuable
  3. Subject line: "How to [Post Title] + 2 more hacks inside"
  4. After 1000 subs, monetize email with affiliate links (hosting, themes) - $100-300/month extra

Post #140 Complete - Email list started.

Next Post #141: How to Add Social Share Buttons in Blogger - WhatsApp, Facebook share.

Post a Comment

0 Comments