Set Up Follow.it Email on Blogger: Part 23

Blogger Follow.it Email Subscribers

How to Set Up Follow.it on Blogger for Email Subscriptions

WordsByEkta🌿 · Blogger Technical Series · Email Updates

From RSS feed to subscriber inbox — how Follow.it connects your Blogger blog to your readers automatically.

If you publish on Blogger, one common problem is that readers may visit your blog once and never return. They may like your article, but unless they remember your blog name or follow you somewhere else, they may never know when you publish again.

That is where Follow.it becomes useful. It lets visitors subscribe to your blog and receive new post updates automatically by email.

This guide explains Follow.it setup for Blogger step by step — including feed setup, Blogger RSS feed, subscription form placement, and ownership verification through Blogger Theme HTML.

This is different from a contact form. A contact form lets readers send messages to you. Follow.it lets you send new-post updates to readers automatically through your blog feed.

What Follow.it Does

Follow.it watches your Blogger RSS feed. When you publish a new post, Blogger updates the feed. Follow.it detects that new article and sends an email update to people who subscribed.

Reader enters email in your Follow.it box.
Reader confirms subscription.
You publish a new Blogger post.
Follow.it reads your Blogger feed.
Subscriber receives your new post update by email.

Formspree vs Follow.it

Service	Purpose	Used For
Formspree	Sends contact form messages to your email	Contact page
Follow.it	Sends new blog post updates to subscribers	Email subscription box

So if you already use Formspree for your contact page, that does not mean Follow.it is already set up. They are separate tools.

Step 1: Find Your Blogger RSS Feed

Every Blogger blog already has a feed. You usually do not need to create it manually.

Your Blogger feed usually follows this format:

Blogger RSS Feed Format

https://yourblogname.blogspot.com/feeds/posts/default

Examples from my blogs:

Feed URLs shown, linked to each blog index

https://wordsbyektaa.blogspot.com/feeds/posts/default https://simplifiedtaxindia.blogspot.com/feeds/posts/default https://computerseekhoaurjobpao.blogspot.com/feeds/posts/default https://bhaktiwithekta.blogspot.com/feeds/posts/default https://thephonicslab.blogspot.com/feeds/posts/default

Step 2: Create or Log In to Follow.it

Open Follow.it in your browser and sign in. If you do not have an account, create a free account first.

Go to follow.it.
Click Log in if you already have an account.
Click Sign up if you are using it for the first time.
After login, look for a publishing/feed option such as Add Feed, Set up a feed, Create Feed, or My Offered Feeds.

Follow.it wording may change slightly over time. If you do not see the exact same button name, look for anything related to adding, setting up, or offering a feed.

Step 3: Add Your Blogger Blog or Feed

Follow.it may ask for either your website URL or RSS feed URL. You can try the blog URL first.

Website URL Example

https://wordsbyektaa.blogspot.com https://simplifiedtaxindia.blogspot.com https://computerseekhoaurjobpao.blogspot.com https://bhaktiwithekta.blogspot.com https://thephonicslab.blogspot.com

If it asks for the feed URL directly, paste this:

Feed URL Example

After entering your blog or feed URL, continue through the setup screens until Follow.it creates the feed.

Step 4: Claim or Verify Blog Ownership

Follow.it may let people subscribe even before full ownership is claimed. But to manage your feed properly, access follower details, settings, and statistics, you may need to prove that you own the blog.

For Blogger, the practical method is usually:

Follow.it gives you a verification code or meta tag.
You paste that code inside your Blogger Theme HTML.
You save the theme.
You return to Follow.it and click verify/claim.

If Your Feed Does Not Appear in My Offered Feeds

Sometimes after creating a feed, you may not immediately see it under My offered feeds. This can make you think the feed was not created, and you may feel like starting the setup again.

Before recreating the feed, first check the public Follow.it feed page directly.

Follow.it Public Feed Page Format

https://follow.it/your-feed-name

Example:

Example Follow.it Feed Page

https://follow.it/simplified-tax-india

If this page opens and shows your blog/feed name, your feed has been created. It may simply be unclaimed, which means it exists publicly but is not fully connected to your Follow.it publisher account yet.

Do not create the same feed again immediately. First check whether the public feed page exists. If it exists, continue with the claim process instead of recreating the feed.

Open https://follow.it/your-feed-name.
Check whether your blog title appears on the page.
If it says Publisher: Unclaimed, click Claim it.
Follow.it may ask you to enter the email connected to your Follow.it account.
You can use the same Follow.it account/email for multiple blogs.
Complete the human verification if shown.
Click Start claiming process. Follow.it may then send you an email with the next verification steps.

Follow.it Claim Email: Which Option Should Blogger Users Choose?

After starting the claim process, Follow.it may send an email asking you to verify ownership of the feed. The email may give two options: adding a meta tag or uploading an HTML verification file.

Follow.it Option	Use on Blogger?	Reason
Add a meta tag	Yes	This can be pasted inside Blogger Theme HTML under the <head> section.
Upload an HTML file	No, not for normal Blogspot users	Blogger does not give regular folder/file upload access like self-hosted websites.

So for Blogger, use the meta tag option. The code may look like this:

Example Follow.it Verification Meta Tag

<meta name="follow.it-verification-code" content="YOUR_CODE_HERE"/>

Paste this meta tag inside Blogger Theme HTML, just below <head> or near your other meta tags.

Where to Paste in Blogger Theme HTML

<head>

<meta name="follow.it-verification-code" content="YOUR_CODE_HERE"/>

<meta content="width=device-width, initial-scale=1" name="viewport"/>

Replace YOUR_CODE_HERE with the exact code Follow.it sends in your claim email. Do not copy another blog’s verification code.

After saving the Blogger theme, open your blog once, confirm the code is visible in page source, then return to the Follow.it email and click the claim/verify link again.

Confirm the Verification Code Is Live

After adding the Follow.it verification meta tag in Blogger Theme HTML, save the theme. Before clicking the claim link in the email, it is a good idea to confirm that the code is visible on your live blog.

Open any live blog page in your browser.
Right-click on the page and choose View page source.
Press Ctrl + F.
Search for your Follow.it verification code or follow.it-verification-code.
If the meta tag appears in the source, the code is live.
Now open the Follow.it claim email and click the claim/verify link.

Follow.it will quickly check the meta tag. If the code is found, the feed will be linked to your account.

If Follow.it shows a success message such as “The feed is now linked to your account,” the claim process is complete. You can then continue with the free/basic plan or choose any other option based on your needs.

After the feed is linked, Follow.it may show plan options. For most Blogger users, the free/basic plan is enough to start.

Step 5: Create the Follow.it Subscription Form

After your feed is created, Follow.it will usually take you through form design options.

Choose a simple subscription form. Avoid popups or aggressive floating boxes, especially if your blog is being prepared for AdSense.

Choose email subscription form.
Use a clean heading.
Use simple colors matching your blog.
Copy the generated embed code.

Example heading:

Suggested Widget Heading

Get updates by email

Step 6: Add Follow.it Form in Blogger Layout

Now go to your Blogger dashboard:

Blogger Path

Layout → Add a Gadget → HTML/JavaScript

Paste the Follow.it embed code inside the content box and save.

This form should go in Layout, not inside a normal article. The sidebar is usually the best place.

Best Sidebar Placement

For a clean Blogger layout, this order usually works well:

Follow.it subscription form
About box
Pages
Labels
Report Abuse

This keeps the blog useful without making it look spammy.

Final Sidebar Widget Code

Until now, we have learned how to create and connect a Follow.it subscription form to a Blogger blog. The next step is placing that Follow button somewhere readers can always find it. A sidebar HTML/JavaScript gadget is a good place because it stays visible across your blog layout without interrupting the article.

Paste the code below in Blogger → Layout → Add a Gadget → HTML/JavaScript, preferably inside your sidebar (top) section. This version is cleaned up for Blogger sidebars: it keeps the subscription box inside the sidebar, prevents horizontal scrolling, reduces extra sidebar spacing, and fits neatly on narrow layouts.

Replace YOUR_FOLLOWIT_FORM_ACTION_URL_HERE with your own Follow.it form action URL. You can also change the heading, colors, and button text to match your own blog.
Do not use another blog’s Follow.it form URL, because subscribers may be added to the wrong feed.

This example uses #HTML1, which is Blogger’s widget ID in my layout. Your widget ID may be different, such as #HTML2 or #HTML3. If the styling does not apply, inspect your Blogger widget ID or replace #HTML1 with your own widget ID.

Final Blogger Sidebar Follow.it Widget Code

<style>
.sidebar-container .sidebar_bottom {
  padding-top: 12px !important;
}

#HTML1 {
  padding-top: 12px !important;
}

.sidebar-container .sidebar_top_wrapper {
  height: auto !important;
  min-height: 0 !important;
}

.sidebar-container .sidebar_top {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#HTML1,
#HTML1 .widget-content,
#HTML1 .followit--follow-form-container,
#HTML1 .followit--follow-form-container * {
  box-sizing: border-box !important;
}

#HTML1 .widget-content {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

#HTML1 .followit--follow-form-container {
  width: 230px !important;
  max-width: calc(100% - 64px) !important;
  margin: 10px auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: block !important;
}

#HTML1 .followit--follow-form-container form {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#HTML1 .followit--follow-form-container .form-preview {
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  border: 1px solid #e8ecec !important;
  background: #ffffff !important;
}

#HTML1 .followit--follow-form-container h5 {
  margin: 0 0 14px 0 !important;
  color: #223332 !important;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}

#HTML1 .preview-input-field,
#HTML1 .preview-submit-button {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

#HTML1 .preview-input-field input {
  width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 10px !important;
  border-radius: 8px !important;
  border: 1px solid #dfe7e7 !important;
  text-align: center !important;
  font-size: 13px !important;
}

#HTML1 .preview-submit-button button {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 40px !important;
  height: auto !important;
  padding: 9px 8px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: #5a7d7c !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  cursor: pointer !important;
}

#HTML1 .preview-submit-button button:hover {
  background: #456261 !important;
}

#HTML1 .powered-by-line {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 10px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  overflow: hidden !important;
  font-size: 11px !important;
  color: #6b7280 !important;
  text-decoration: none !important;
  font-family: 'Open Sans', sans-serif !important;
}

#HTML1 .powered-by-line img {
  max-width: 72px !important;
  height: 1em !important;
  margin-left: 4px !important;
}

#HTML1 .title {
  width: 230px !important;
  max-width: calc(100% - 64px) !important;
  margin: 0 auto 12px auto !important;
  text-align: left !important;
}
</style>

<div class="followit--follow-form-container">
  <form action="YOUR_FOLLOWIT_FORM_ACTION_URL_HERE" method="post">
    <div class="form-preview">
      <div class="preview-heading">
        <h5>Get new posts and updates by email</h5>
      </div>

      <div class="preview-input-field">
        <input type="email" name="email" required placeholder="Enter your email" />
      </div>

      <div class="preview-submit-button">
        <button type="submit">Subscribe</button>
      </div>
    </div>
  </form>

  <a href="https://follow.it" target="_blank" rel="noopener" class="powered-by-line">
    <span>Powered by</span>
    <img src="https://follow.it/images/colored-logo.svg" alt="follow.it" />
  </a>
</div>

Optional: Add a Small Follow Button Below Blogger Posts and Pages

Along with the sidebar subscription form, you can also add a small Follow.it button automatically below every blog post. This is useful because readers who finish an article are already engaged, so a simple follow button at the end feels natural.

For Blogger, this can be added inside Theme HTML, just after <data:post.body/>. It will appear on individual blog posts, not on the homepage or label pages.

Replace YOUR_FOLLOWIT_PUBLIC_LINK_HERE with your own Follow.it public feed link, such as https://follow.it/your-feed-name?leanpub.

Auto Add Follow Button Below Posts and Pages

<b:if cond='data:view.isSingleItem'>
  <div style='margin:10px 0 14px;text-align:center;line-height:1;'>
    <a href='YOUR_FOLLOWIT_PUBLIC_LINK_HERE'
       target='_blank'
       rel='noopener'
       style='display:inline-block;line-height:0;'>
      <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAabKa2O3_q35s_VFaCqFhDxJ-fL_CXY4Hppcb3TSDjv07lY6L5xBEgFk4gkCYuTSXCgHeywNEMgIccDEngAkxIpJ1lteKXltLqgCWDzV9TnTZE_9ju69GsCYFEILNmjqd38k1s0vRjye5Uw6_-3LUbOGhjwgVVBA4iHuXc9feA-h7gQwkUfKJr2GbJ_6J/s1600/Follow_this_blog.png'
           alt='Follow this blog by email'
           style='width:150px;max-width:80%;height:auto;border:0;display:block;'/>
    </a>
  </div>
</b:if>

The image URL above is only a public button image. You can use it as-is, because the actual subscription destination is controlled by your Follow.it link in the href value.

Do not forget to change YOUR_FOLLOWIT_PUBLIC_LINK_HERE. If you leave the wrong Follow.it link, readers may follow the wrong blog.

Best placement inside the Blogger theme:

Placement Example

<div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'>
  <data:post.body/>

  <!-- Paste the Follow button code here -->

If your theme has more than one <data:post.body/>, use the one inside the main Blog post body section, not the snippet/homepage section.

Step 7: Test the Subscription Form

After saving the widget, open your blog in a normal browser tab.

Enter a test email address.
Check if confirmation email arrives.
Confirm subscription.
Publish a new test post later.
Check whether Follow.it sends the update.

Can You Use the Same Follow.it Code on All Blogs?

No, not blindly.

You can use the same Follow.it account, but every Blogger blog has a different RSS feed. That means each blog should have its own feed setup and its own widget code.

Question	Answer
Same Follow.it account for all blogs?	Yes
Same widget code for all blogs?	No, create separate feed/widget for each blog
Need separate Blogger RSS feed?	Yes, each blog already has its own feed

Common Mistakes

Pasting verification code in a page: Paste it in Theme HTML, not page HTML.
Using another blog’s widget code: That may subscribe users to the wrong blog.
Putting subscription form too low: If users do not see it, they will not subscribe.
Using popups too early: Clean embedded forms are safer and more professional.
Confusing Formspree with Follow.it: Formspree is for contact messages; Follow.it is for new post updates.

Final Thoughts

Blogger is simple, but it does not automatically build a returning audience for you. Follow.it fills that gap by giving readers a way to subscribe to your updates.

For small blogs, creator blogs, educational blogs, and technical blogs, this is useful because not every reader will remember to check your site again. A clean email subscription form gives them a simple way back.

One good article may bring a reader once. A subscription option gives them a reason to return.

Everything I Learned — So You Don't Have To Figure It Out Alone

The technical mistakes I made in year one — the full HTML inside Blogger, the missing meta descriptions, the duplicate H1 tags, the links closing articles — I have written all of it down. Every fix. Every discovery. Every hour of confused trial and error turned into a clear guide.

📊 SEO Health Checker

Analyze your website’s SEO basics instantly. Check titles, meta descriptions, headings, indexing signals and overall SEO health using our free browser-based SEO tool.

Open Free SEO Health Checker

Share on WhatsApp

← Previous 🌿 Explore All Next →

Search This Blog

Set Up Follow.it Email on Blogger: Part 23 — WordsByEkta🌿

How to Set Up Follow.it on Blogger for Email Subscriptions

What Follow.it Does

Formspree vs Follow.it

Step 1: Find Your Blogger RSS Feed

Step 2: Create or Log In to Follow.it

Step 3: Add Your Blogger Blog or Feed

Step 4: Claim or Verify Blog Ownership

If Your Feed Does Not Appear in My Offered Feeds

Follow.it Claim Email: Which Option Should Blogger Users Choose?

Confirm the Verification Code Is Live

Step 5: Create the Follow.it Subscription Form

Step 6: Add Follow.it Form in Blogger Layout

Best Sidebar Placement

Final Sidebar Widget Code

Optional: Add a Small Follow Button Below Blogger Posts and Pages

Step 7: Test the Subscription Form

Can You Use the Same Follow.it Code on All Blogs?

Common Mistakes

Final Thoughts

Everything I Learned — So You Don't Have To Figure It Out Alone

Comments

Post a Comment

Popular Posts

Stop Uploading PDFs Online — Unlock Them Yourself — WordsByEkta🌿

Publish Your Android App on Google Play Store — WordsByEkta🌿

How to Set Up Your Blogger About Me Page: Part 02 — WordsByEkta🌿

Get thoughtful reflections, creator updates, and practical digital insights from WordsByEkta🌿

Set Up Follow.it Email on Blogger: Part 23 — WordsByEkta🌿

How to Set Up Follow.it on Blogger for Email Subscriptions

What Follow.it Does

Formspree vs Follow.it

Step 1: Find Your Blogger RSS Feed

Step 2: Create or Log In to Follow.it

Step 3: Add Your Blogger Blog or Feed

Step 4: Claim or Verify Blog Ownership

If Your Feed Does Not Appear in My Offered Feeds

Follow.it Claim Email: Which Option Should Blogger Users Choose?

Confirm the Verification Code Is Live

Step 5: Create the Follow.it Subscription Form

Step 6: Add Follow.it Form in Blogger Layout

Best Sidebar Placement

Final Sidebar Widget Code

Optional: Add a Small Follow Button Below Blogger Posts and Pages

Step 7: Test the Subscription Form

Can You Use the Same Follow.it Code on All Blogs?

Common Mistakes

Final Thoughts

Everything I Learned — So You Don't Have To Figure It Out Alone

🌿 The WordsByEkta Blogger Technical Series

Comments

Post a Comment

Popular Posts

Stop Uploading PDFs Online — Unlock Them Yourself — WordsByEkta🌿

Publish Your Android App on Google Play Store — WordsByEkta🌿

How to Set Up Your Blogger About Me Page: Part 02 — WordsByEkta🌿

Get thoughtful reflections, creator updates, and practical digital insights from WordsByEkta🌿