5 Stylish FeedBurner Email Subscription Forms For Your Blog



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.

Here is the default Feedburner form :

Enter your email address:


Delivered by FeedBurner

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:

Enter Your Email And Click Subscribe


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:
Email rss
Enter Your Email And Click Subscribe


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:
Email rss




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:
Subscribe Via Email
Enter Your Email And Click Subscribe


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:
Subscribe Via Email
Enter Your Email And Click Subscribe


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 ?

InfoRemember you can get all these tips sent directly to your email and stay a step ahead.Its a quick and easy service Provided for Free by Google.Just fill in the Email form below the post.
If you need extra help on this or any tutorial just leave a comment, I love comments and feedback so this Blog is Do-Follow – when you comment here it helps Your Blogs Google rank !

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 To The Latest Tips & Tricks

 

Follow @PaulCrowePro On Twitter

 

Receive The Latest Posts Directly To Your Email – It’s Free:
Email rss
Enter Your Email And Click Subscribe


 

What is rss What 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 & 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&fg=000000&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&fg=000000&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 ?

20 comments:

  1. Awesome just what i wanted thanks
    Your one talented dude !

    ReplyDelete

  2. The information to jazz up my subscribe window is great. One more question though, how do I get some cute icon code that will line up my RSS feed option, twitter and facebook on my side bar please?

    ReplyDelete

  3. @Susan – You can get a whole variety of icons on Social Icon Studio.

    ReplyDelete

  4. Nice post ! Thanks 4 sharing with us ! :*:*

    ReplyDelete

  5. how to add this below every post. i m using a ‘read more’ type template. is not working properly

    ReplyDelete

  6. Thank u so so much
    www.drkenit.blogspot.com

    ReplyDelete

  7. Hi paul, I love the styles that I dont know which one to choose (funny right). But I have a question that I would appreciate if answered. How do I make it covered with lines, I mean like in a box. When added to my blog, I was oppened, not in a box. Do you know what I mean?

    Thanks.

    ReplyDelete

  8. I do hope on day you would make a post on POP WIDGET. Been seeing it around some blogs and I wish I had one too.

    ReplyDelete

  9. thanks a lot

    ReplyDelete

  10. great widget
    I would like to ask you,how can I put an image for the backgroung please, many blogs has one
    thank you

    ReplyDelete

  11. great widget

    ReplyDelete

  12. Hi blog owner, Can you give us the code of your widget which is below your posts? “Stay connected with free updates”

    ReplyDelete

  13. Hey when I try to enter in the code (tried different ones) I keep getting the same error. How do I fix please?

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type “input” must be terminated by the matching end-tag “”.

    ReplyDelete

  14. do I add “blogspot” to the input domain if I’m not on level one domain…

    ReplyDelete

  15. Millican MissionMarch 2, 2012 at 8:32 PM

    I am still having the same problem, I am cutting and pasting directly from your codes. And get the previous error code or this new one

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type “input” must be terminated by the matching end-tag “”.

    Please help!!!! I got to work once before but now I can’t remember what I did. I am in the middle of a subscription drive and now I don’t have a subscription bar on my posts! Please please help me.

    ReplyDelete

  16. Millican MissionMarch 2, 2012 at 8:53 PM

    I finally figured it out, I need a space before the /> to close the input. But it is not showing up, I am using one of the bloggers dynamic templates which pops each post out. I am wondering if there is a way to post it in the white bar at the top?

    ReplyDelete

  17. nice post very helpful. keep posting man.

    ReplyDelete

  18. Very nice, it’s amazing. I like it brother. 🙂

    ReplyDelete

  19. Wao. its very nice. I’m searching a good design to implement on my blog.
    Thank You!

    ReplyDelete

  20. great widget
    I would like to ask you,how can I put an image for the background?

    ReplyDelete

Leave a Reply

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