Membership blogs without Subscription Schema = no Google Subscribe button. With Schema = Google shows Subscribe button + $ price in search.
In this tutorial, you'll add Subscription and Paywall Schema to Blogger theme for site-wide paywall. Follow along and you'll enable Subscribe with Google in 2025.
Step 1: Why Subscription Schema Earns Recurring Income 2025
Google promotes subscription sites with special buttons.
- Subscribe button in search: Shows "Subscribe - $5/month" button directly under your result
- Google News showcase: Subscription content gets priority in Google News
- No SEO penalty: Tells Google you have paywall site-wide, not cloaking
- Reader Revenue: Connects to Google's subscription system for 1-click subscribe
Image: Google search showing Subscribe $5/month button under premium blog
Step 2: Add Subscription Schema to Blogger Theme Header
This goes in Theme, not post, for site-wide subscription.
- Blogger → Theme → Edit HTML → Find
<head>→ Paste BELOW it:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsMediaOrganization",
"name": "Your Blog Academy",
"url": "https://yourblog.blogspot.com",
"logo": {
"@type": "ImageObject",
"url": "https://yourblog.blogspot.com/logo-200x200.png",
"width": 200,
"height": 200
},
"description": "Premium Blogger SEO, AdSense, and blogging monetization tutorials. 50+ premium guides for serious bloggers.",
"sameAs": [
"https://www.facebook.com/yourpage",
"https://www.twitter.com/yourpage"
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "CreativeWork",
"isAccessibleForFree": false,
"hasPart": {
"@type": "WebPageElement",
"isAccessibleForFree": false,
"cssSelector": ".paywalled-content"
},
"isPartOf": {
"@type": "Product",
"name": "Your Blog Academy Premium Membership",
"description": "Unlock 50+ premium SEO guides, templates, checklists, and video tutorials. New guides weekly.",
"offers": {
"@type": "Offer",
"price": "5.00",
"priceCurrency": "USD",
"priceValidUntil": "2026-12-31",
"availability": "https://schema.org/InStock",
"seller": {
"@type": "Organization",
"name": "Your Blog Academy"
}
}
}
}
</script>
Step 3: Add Subscription Offer Box to Blogger Layout
Add visible subscription CTA that matches Schema.
- Theme → Layout → Add Gadget → HTML/JavaScript → Paste in sidebar or below post:
<div style="background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:25px;border-radius:12px;margin:20px 0;text-align:center;"> <h3 style="margin-top:0;color:#fff;">🔓 Unlock Premium SEO Secrets</h3> <p style="margin:10px 0;">Get 50+ premium guides that grew my blog to 100k/month</p> <ul style="text-align:left;display:inline-block;margin:15px 0;"> <li>Advanced Schema stacking</li> <li>AdSense 10x earning tricks</li> <li>Blogger speed 100/100 guide</li> <li>Monthly new templates</li> </ul> <p style="font-size:28px;font-weight:bold;margin:15px 0;">$5/month</p> <p style="font-size:12px;opacity:0.8;">Cancel anytime • Instant access</p> <a href="https://yourblog.blogspot.com/p/premium-subscribe.html" style="background:#fff;color:#667eea;padding:12px 30px;text-decoration:none;border-radius:25px;font-weight:bold;display:inline-block;margin-top:10px;">Subscribe Now</a> <p style="font-size:12px;margin-top:15px;opacity:0.8;">Already member? <a href="/p/login.html" style="color:#fff;text-decoration:underline;">Login</a></p> </div>
Step 4: Create Subscribe Page with Paystack / Gumroad
Blogger doesn't have native paywall, use external:
| Platform | Best For | Setup |
| Paystack Subscription | Nigeria NGN payments | paystack.com → Create subscription plan $5 → Get link |
| Gumroad | USD global payments | gumroad.com → Create product $5/month → Embed |
| Buy Me a Coffee | Easy membership | buymeacoffee.com → Membership tiers |
| Google Reader Revenue | Google 1-click subscribe | publishercenter.google.com → Reader Revenue Manager |
Step 5: Add Paywall Logic to Blogger Posts (Simple Method)
Add this CSS + JS to hide premium content for non-members:
<style>
.paywalled-content {
display: none;
}
.paywalled-content.unlocked {
display: block;
}
.free-preview {
display: block;
}
</style>
<script>
// Simple paywall check - replace with real auth later
function unlockContent() {
// Check if user paid via localStorage or Paystack callback
var isPaid = localStorage.getItem('isPremiumMember');
if(isPaid === 'true') {
document.querySelectorAll('.paywalled-content').forEach(function(el){
el.classList.add('unlocked');
});
document.querySelectorAll('.free-preview .subscribe-cta').forEach(function(el){
el.style.display = 'none';
});
}
}
// Run on load
document.addEventListener('DOMContentLoaded', unlockContent);
</script>
Step 6: Test Subscription Schema + Enable Google Subscribe
- Rich Results Test: search.google.com/test/rich-results → Must show paywalled content valid
- Schema Validator: validator.schema.org → Check isAccessibleForFree False
- Google Publisher Center: publishercenter.google.com → Add publication → Reader Revenue → Connect Paywall
- Search Console: Settings → Paywalled content → Add subscription page URLs
- Fix: Subscribe button not showing: Google shows button only after 10+ paywalled articles + verification. Takes 4-6 weeks
- Fix: Free users see paid content: JS hide is not secure. For real security, use Memberstack or Outseta with Blogger custom domain
Bad practice to avoid: Blocking Googlebot from paywalled content. Always allow Googlebot to see full content but mark isAccessibleForFree False. If you block bot via robots.txt, Google can't understand paywall and penalizes as cloaking.
Important: This theme method marks entire site as subscription. For mixed free + paid, don't add site-wide Schema. Add paywall Schema per post only as in Post #76. Use /p/premium-subscribe.html page with Paystack checkout link: paystack.com/pay/your-plan. After payment, Paystack webhook can set localStorage isPremiumMember true. For full security, move to WordPress + MemberPress later - Blogger paywall is for MVP only. Update offers priceValidUntil yearly. Add FAQ: "What do I get?" with Schema.
0 Comments