5 Stylish FeedBurner Email Subscription Forms For Your Blog




| 20 comments

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


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 ?


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

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. 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
  10. Hi blog owner, Can you give us the code of your widget which is below your posts? "Stay connected with free updates"

    ReplyDelete
  11. 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
  12. do I add "blogspot" to the input domain if I'm not on level one domain...

    ReplyDelete
  13. 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
  14. 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
  15. nice post very helpful. keep posting man.

    ReplyDelete
  16. Very nice, it's amazing. I like it brother. :)

    ReplyDelete
  17. Wao. its very nice. I'm searching a good design to implement on my blog.
    Thank You!

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

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us