How To Add FeedBurner Subscription Box in BlogSpot Blogs

feedburner

feedburner

Do you know  you can also use FeedBurner subscription box instead of a widget from Blogger widgets. Some others use third party subscription box designed using HTML and CSS which looks really great. But most of them consumes more time to load, which means increase in loading time. The reasons for increased loading time are the increase in sever requests and CSS.

Almost everyone using BlogSpot uses FeedBurner, but how many of you are using the subscription code from FeedBurner. Most of us are not even heard about it. I heard about it a few months before when I was searching for a third party subscription box. And I made a try and it was awesome. It is simple in looks but great in speed. I will tell you how to create a subscription box using FeedBurner.

 

  • Open FeedBurner in your browser.
  • Login with your Gmail account using which you created a blog.
  • Now you can see your Blog name in feedburner. It automatically creates feed when you create a blog.

1

 

  • Click on the Blog Name, your feed.

 

2

 

  • Click on Publicize.

 

3

 

  • You can see Email Subscriptions in the right side, click on it.

 

4

  • You can see the code now as shown in the image. There will be two boxes with codes. We the code in the first one.
  • Under the box you can see an rectangular box menu where the default value is TypePad. Change it to Blogger.
  • Copy the code.

 

 

  • Open Blogger.
  • Open your blog dashboard.
  • Click on Layouts.

5

 

  • Click on Add a Gadget.
  • A new tab with gadgets will be opened.

6

 

  • Choose on HTML/JavaScript from it.
  • You can see two boxes now.

7

 

  • Paste the code copied from FeedBurner in the Content box (Large Box).
  • Give a title as Subscribe or as you like. But it’s optional, so you can also left it as blank.
  • Click on Save.

Save the Layout and open your blog to see the new Subscription box.

 

You can adjust the size of the box by changing the height and width. Also you can change the size of the box by changing the width style="width:140px" name="email".

 

You can remove the text and link Delieverd by FeedBurner by simply removing this code

 

<p>Delivered by <a href="https://feedburner.google.com" target="_blank">FeedBurner</a></p>

 

Comment if you need any other changes in design.

 

About the Author: Adarsh M

Hi, I'm Adarsh.M, a blogger and web designer. I think blogging is the best medium to share the knowledge we have with everyone. I write about blogging, make money online, seo, and tech related topics. Share the knowledge.

You May Also Like

Leave a Reply

Your email address will not be published. Required fields are marked *