feedburner email subscription form

5 Stylish FeedBurner Email Subscription Forms For Your Blog

Newspaper_Feed_add_128x128

In yesterdays post we looked at the options and settings for the Feedburner Email subscription service.As i said in that post providing your readers with the option to subscribe by Email is not an added extra it is an absolute must.Feed burner help make it easier by providing code for a link or a submission form you can add to your blog.

When you activate the email subscriptions in your feedburner account you have two pieces of code you can add to your blog

1. A link people can click for a pop up window, in the window they can enter their Email and fill the word verification form to subscribe.
2. An Email form, a form embedded on your blog were people can enter their email and when they click subscribe they fill the word verification.

In my experience and from what i hear from most bloggers using the Email form will increase the amount of subscribers to your blog.

As you can see it is very basic and extremely bland.

The Email form i use is a bit more stylish here is a working example :

Receive The Latest Posts Directly To Your Email – It’s Free:

rssccn

So in this post i will show you a few different Email forms you can add to your blog.Before you add any form to your blog make sure you have activated Email subscriptions in your Feed Burner account.

Adding the new form

Once you choose the form you want to use copy the code and add it to your blog or replace your current form.

You Must Make 2 Changes To The Form You Pick :

You will see spiceupyourblog in red twice in each code change that to your Feedburner I.D.

Your Feed burner I.D. is the piece that appears at the end of your Feedburner URL.

For example mine is: http://feeds.feedburner.com/spiceupyourblog
If yours was: http://feeds.feedburner.com/myblog

You would change spiceupyourblog to myblog

Here are the forms you can use :

Preview.

Receive The Latest Posts Directly To Your Email – It’s Free:

subscribemail

Code

<center>
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><b><i>Receive The Latest Posts Directly To Your Email - It's Free:</i></b>
<a href="http://www.spiceupyourblog.com/" target="_blank"><img alt="Email rss" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TDfmvEtFEdI/AAAAAAAABeY/wVGGf771158/s1600/subscribemail.png" border="0" /></a>
<i>Enter Your Email And Click Subscribe</i></center>
<center><form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SpiceUpYourBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 140px;" name="email" type="text"><input value="SpiceUpYourBlog" name="uri" type="hidden"><input value="en_US" name="loc" type="hidden">
<input id="zoosbmt" alt="Subscribe" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TLRveDrxEAI/AAAAAAAABtw/9Yf3Fpd6RYk/s1600/footer_submit_button.gif" class="subbutton" type="image"></form></center>

Here is the same form but this time i have placed text inside the form instead of above the form.

Preview:

Receive The Latest Posts Directly To Your Email – It’s Free:

subscribemail

Code.

<center>
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><b><i>Receive The Latest Posts Directly To Your Email - It's Free:</i></b>
<img alt="Email rss" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TDfmvEtFEdI/AAAAAAAABeY/wVGGf771158/s1600/subscribemail.png" border="0" /></center>
<center><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=spiceupyourblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input style="width: 140px; height: 24px;" name="email" value="Enter Email Here" onfocus="this.value=''" type="text">
<input value="SpiceUpYourBlog" name="uri" type="hidden">
<input name="loc" value="en_US" type="hidden">
<input style="margin-bottom: -12px;" onclick="submit" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TLRveDrxEAI/AAAAAAAABtw/9Yf3Fpd6RYk/s1600/footer_submit_button.gif" type="image">
</form></center>

Preview:

Receive The Latest Posts Directly To Your Email – It’s Free:

subscribemail

Code.

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><b><i>Receive The Latest Posts Directly To Your Email - It's Free:</i></b>
<a href="http://www.spiceupyourblog.com" target="_blank"><img src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TDfmvEtFEdI/AAAAAAAABeY/wVGGf771158/s1600/subscribemail.png" border="0" alt="Subscribe Via Email"></a>
<i>Enter Your Email And Click Subscribe</i>
<form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SpiceUpYourBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 140px;" name="email" type="text"><input value="SpiceUpYourBlog" name="uri" type="hidden"><input value="en_US" name="loc" type="hidden">
<input id="zoosbmt" alt="Subscribe" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TLRveDrxEAI/AAAAAAAABtw/9Yf3Fpd6RYk/s1600/footer_submit_button.gif" class="subbutton" type="image"></form>

Preview:

Receive The Latest Posts Directly To Your Email – It’s Free:

subscribemail

Code.

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><b><i>Receive The Latest Posts Directly To Your Email - It's Free:</i></b>
<a href="http://www.spiceupyourblog.com/" target="_blank"><img src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TDfmvEtFEdI/AAAAAAAABeY/wVGGf771158/s1600/subscribemail.png" alt="Subscribe Via Email" border="0" /></a>
<i>Enter Your Email And Click Subscribe</i>
<form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SpiceUpYourBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 140px;" name="email" type="text"><input value="SpiceUpYourBlog" name="uri" type="hidden"><input value="en_US" name="loc" type="hidden">
<input id="zoosbmt" alt="Subscribe" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TLRveDrxEAI/AAAAAAAABtw/9Yf3Fpd6RYk/s1600/footer_submit_button.gif" class="subbutton" type="image"></form>

These are all very basic easy changes but they spice up the look and feel of your blog.If you feel comfortable making more changes you could use your own images and play around with the code some more.

Rss Station

Would you like to have the same complete rss station as i currently use ?

This is the rss station i am using at the moment, it may have changed by the time you read this.

Included is a Rss feed link, A Twitter Link, Rss Email Form, What is Rss Link and a button to show off how many subscribers you have :

Here is the Preview :

Subscribe Via Rss

Subscribe To The Latest Tips & Tricks

Follow On Twitter

Follow @PaulCrowePro On Twitter


Receive The Latest Posts Directly To Your Email – It’s Free:

subscribemail
What is rssWhat Is Rss / Feeds / Subscribe ?

And here is the code for the Rss station :

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/></a><table><tbody><tr><td>
<a href="http://feeds.feedburner.com/spiceupyourblog" target="_blank"><img alt="Subscribe Via Rss" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TDfmvEtFEdI/AAAAAAAABeY/wVGGf771158/s1600/subscribemail.png" border="0" /></a></td>
<td><a href="http://feeds.feedburner.com/spiceupyourblog" target="_blank">Subscribe To The Latest Tips &amp; Tricks</a></td></tr></tbody></table>
<table><tbody><tr><td>
<a href="http://twitter.com/paulcrowepro" target="_blank"><img alt="Follow On Twitter" src="http://www.thebabycd.com/website/images/Twitter.png" border="0" /></a></td>
<td><a href="http://twitter.com/paulcrowepro" target="_blank">Follow @PaulCrowePro On Twitter</a></td></tr></tbody></table>
<table><tbody><tr><td>
<b><i>Receive The Latest Posts Directly To Your Email - It's Free:</i></b>
<a href="http://www.spiceupyourblog.com" target="blank"><img alt="Email rss" src="http://i941.photobucket.com/albums/ad259/spiceupyourblog/subscribemail.png" border="0" /></a>
<i>Enter Your Email And Click Subscribe</i>
<form action="http://feedburner.google.com/fb/a/mailverify" style="border: 0px solid rgb(204, 204, 204); padding: 3px; text-align: left;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SpiceUpYourBlog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style="width: 140px;" name="email" type="text"><input value="SpiceUpYourBlog" name="uri" type="hidden"><input value="en_US" name="loc" type="hidden">
<input id="zoosbmt" alt="Subscribe" src="http://3.bp.blogspot.com/_rKG-ziTSNUQ/TLRveDrxEAI/AAAAAAAABtw/9Yf3Fpd6RYk/s1600/footer_submit_button.gif" class="subbutton" type="image"></form></td></tr></tbody></table>
<table border="0"><tbody><tr><td><img alt="What is rss" src="http://i631.photobucket.com/albums/uu40/paulcrowe/questionmark.gif" border="0" /></td><td><a href="http://www.spiceupyourblog.com/2009/09/what-is-rss-subscribe-feeds.html" target="_blank">What Is Rss / Feeds / Subscribe ?</a></td></tr></tbody></table>
<p><a href="http://feeds.feedburner.com/SpiceUpYourBlog"><img src="http://feeds.feedburner.com/%7Efc/SpiceUpYourBlog?bg=FF9900&amp;fg=000000&amp;anim=1" style="border: 0pt none ;" alt="" height="26" width="88" /></a></p>

Note. You will need to change the links in red to your feedburner and twitter links, and you can change the text in bold to suit your blog, feed and Twitter accounts.

If you are starting out and dont have many subscribers you may not want the counter displayed, if so remove the this part at the bottom :

<p><a href="http://feeds.feedburner.com/SpiceUpYourBlog"><img src="http://feeds.feedburner.com/%7Efc/SpiceUpYourBlog?bg=FF9900&amp;fg=000000&amp;anim=1" style="border: 0pt none ;" alt="" height="26" width="88" /></a></p>

You should always have the Subscription options near the top of your blog.

What do you think ?

5 Stylish FeedBurner Email Subscription Forms For Your Blog
Informative
75
Useful
80
Easy To Read
78
Fact
86
Reader Rating0 Votes
0
80