0
How to add Feedburner Email Subscription Form in your Blogger blog

The E-mail Subscription Service is the best way to keep your visitors/readers close to your website. The visitors subscribe to your blog for free in order to stay in touch with all your posts, articles, entries, via RSS or e-mail. So don’t waste time, start immediately go to feedburner.com and burn your feed.
Now let me tell you how to add the FeedBurner E-mail Subscription Form to your blogger blog.
1. Go to feedburner.com and login. At My Feeds section click on your Blog Feed.
Your Blog Feed
2. At the Dashboard go to the Publicize tab.
FeedBurner Publicize
3. In the Publicize section, from the Services list which is on the left click at the Email Subscriptions.
Email Subscriptions in FeedBurner
4. Now you are at the Email Subscriptions Service Section. By default, this service is not active. To activate it just click on the Activate button.
Activate Email Subscription
5. After you have activated the Email Subscription Service in FeedBurner, now you have to copy the code that is given to you.
FeedBurner Email Subscription Code
6. After copying the code, login to your Blogger account and go to the Design section.
Blogger Design Section
7. Under the Page Elements Section go to Add a Gadget.
Add Gadget in Blogger
8. From the given list find and choose HTML/JavaScript.
Blogger Html Java Script
9. A new window will appear, paste the code there and click Save.
Now your FeedBurner Email Subscription Form is ready.  Preview your blog and see how it looks.

How to customize the FeedBurner Email Subscription Form?

Here is the code for the FeedBurner Email Subscription Form:
<form style=”border:1px solid #ccc;padding:3px;text-align:center;” action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=DipInIt’, ‘popupwindow’, ‘scrollbars=yes,width=550,height=520′);return true”><p>Enter your email address:</p><p><input type=”text” style=”width:140px” name=”email”/></p><input type=”hidden” value=”DipInIt” name=”uri”/><input type=”hidden” name=”loc” value=”en_US”/><input type=”submit” value=”Subscribe” /><p>Delivered by <a href=”http://feedburner.google.com” target=”_blank”>FeedBurner</a></p></form>
  • The number in Red represents the width of the text box where the email need to be written. So changing it makes the textbox bigger or smaller
  • The text in Blue represents the text that appears on the button. Instead of Subscribe you can write Submit or Sign Up, so it’s up to you.
  • The piece of code that is Green highlighted represents the text and the url that stands under the text box Delivered by FeedBurner, so if you want to remove that text just delete that piece of code.
  • If you want to add a picture inside the Feedburner Email Subscription Form just add the following code right before  <p>Enter your email address:</p> which will set the picture above the Enter your email adress text, or if you want at the bottom just paste the code right before the </form>.
<img src=”your image url” border=”0″ alt=”Subscribe via Mail”>
FeedBurner Email Subscription Form in Blogger
That’s all for now my friends. Hope you liked it. Feel free to comment.

 
GIGA Computers | © 2010